Jquery addClass 不是持久化的

Question

我有一个使用 Django 开发的 Web 应用程序。我希望有一种简单的方法来跟踪用户在网站上的位置。 所以我想我会改变菜单上点击的项目的css。

我添加了这段简单的代码。

 <script type="text/javascript">
        $(document).ready(function(){

        $(".up_menu_item").click(function(){
                $(this).addClass("green");
                var excludeThis = $(this);
                $(".up_menu_item").not(excludeThis).each(function(){
                        $(this).removeClass("green");
                });
        });

        });
        </script>

当我单击菜单项时，颜色会发生变化，但之后会立即恢复默认值。我点击的项目实际上是将用户重定向到另一个 url 的标签。但是菜单（和 javascript）总是包含在调用的 url 中，所以我认为这个类会留下来。

我不知道我是否很清楚，但我会很感激任何帮助，因为这开始让我发疯了！

Answer 1

Javascript 不是用于此目的的合适工具。正如 Kim 在评论中所说，当您重新加载页面时，您的课程将不再存在。

由于您使用的是 Django，因此可以在 Django 模板中执行此操作 - 对于菜单中的每个 url，检查它是否与当前 URL 匹配，如果匹配则添加类。

编辑您可以从request.path 获取当前网址，假设您已将请求传递到您的模板（如果您启用了request context processor，这会自动发生）。

Answer 2

在将类从所有元素中删除之前将其读取到新元素中不是更容易吗？

$(".up_menu_item").click(function(){
    $($(this).attr('class')).removeClass();
    $(this).addClass("green");
});

Answer 3

当您转到另一个页面时，所有通过 Javascript（或自然是 jQuery）应用的更改都消失了。页面加载正常。所做的所有更改都将应用于当前显示的页面。它不会修改后面的页面。

您可以在页面加载时查看打开的页面，并更改相应按钮的颜色。最好的方法是使用您的服务器端编程语言（在您的情况下是带有 Django 框架的 Python）添加类，如果页面匹配右键。