Javascript 加载内容的JS中的addClass和removeCLass

Javascript 加载内容的JS中的addClass和removeCLass,javascript,jquery,html,addclass,removeclass,Javascript,Jquery,Html,Addclass,Removeclass,我对JS中的addClass和removeCLass有问题。我想做这样的事: 但是我有一个contentdiv,在这里我用PHP加载文件。但当我加载某个内容时,脚本将重置,并选择第一个li。方案: 我点击事件,它得到新的类,内容是加载。现在,当我单击事件时,页面加载,我看到第一个li中的内容,但是类。 如何改变它 编辑: 好了,伙计们,我改变了代码,但它仍然不能像我想要的那样工作。当我打开链接到url时,页面加载为新页面,我丢失了这个JS。它又开始了 代码: $document.readyfu

我对JS中的addClass和removeCLass有问题。我想做这样的事:

但是我有一个contentdiv,在这里我用PHP加载文件。但当我加载某个内容时,脚本将重置,并选择第一个li。方案: 我点击事件,它得到新的类,内容是加载。现在,当我单击事件时,页面加载,我看到第一个li中的内容,但是类。 如何改变它

编辑: 好了,伙计们,我改变了代码,但它仍然不能像我想要的那样工作。当我打开链接到url时,页面加载为新页面,我丢失了这个JS。它又开始了

代码:

$document.readyfunction{ $MB1.0单击功能{ $this.addClassactive; $MB2.0 removeClassactive; $MB3.0 removeClassactive; $MB4.0 removeClassactive; }; }; $document.readyfunction{ $MB2.0单击功能{ $this.addClassactive; $MB1.0 removeClassactive; $MB3.0 removeClassactive; $MB4.0 removeClassactive; }; }; $document.readyfunction{ $MB3.0单击功能{ $this.addClassactive; $MB1.0 removeClassactive; $MB2.0 removeClassactive; $MB4.0 removeClassactive; }; }; $document.readyfunction{ $MB4.0单击功能{ $this.addClassactive; $MB1.0 removeClassactive; $MB2.0 removeClassactive; $MB3.0 removeClassactive; }; }; 菜单部{ 列表样式类型:无; } .按钮a{ 文字装饰:无; 颜色:绿色; } .按钮a:悬停{ 颜色:红色; } .按钮{ 文字装饰:下划线; }
使用指定单击操作时会发生什么情况

$('#menu li a').on('click', function(){
    $('li a.current').removeClass('current');
    $(this).addClass('current');
});
只有现有对象接收事件处理程序

您希望使用类似以下内容:

$("body").on('click', '#menu li a', function(){
    $('li a.current').removeClass('current');
    $(this).addClass('current');
});
通过使body成为目标,即使在脚本之后加载数据,也会设置事件处理程序。 此外,对菜单的任何后续更改都不需要重置事件处理程序

编辑

根据对示例代码的更改:

当你有
<a href="?whatever" class="button <?php if(request.querystring = "whatever") echo "active"; ?>
<a href="?something" class="button <?php if(request.querystring = "something") echo "active"; ?>