Javascript Jquery可以';t向动态添加的导航链接添加类
我有一个JQuery代码,它动态地将导航链接添加到导航项。问题是单击此导航链接时不会变为活动。我试图动态地给它一个活动类,但它没有接受。似乎在页面重新加载后,所有内容都是rest,并且始终是第一个使用活动类的导航链接 当然,它被包装在Javascript Jquery可以';t向动态添加的导航链接添加类,javascript,jquery,django,bootstrap-4,Javascript,Jquery,Django,Bootstrap 4,我有一个JQuery代码,它动态地将导航链接添加到导航项。问题是单击此导航链接时不会变为活动。我试图动态地给它一个活动类,但它没有接受。似乎在页面重新加载后,所有内容都是rest,并且始终是第一个使用活动类的导航链接 当然,它被包装在$(document.read()中。我还试图将它包装在$(window.load()中,但同样的问题 $('A').append('li class=“nav item”>'+'+''); $(文档).on('click',')。collapse li',函数
$(document.read()
中。我还试图将它包装在$(window.load()
中,但同样的问题
$('A').append('li class=“nav item”>'+'+'');
$(文档).on('click',')。collapse li',函数(e){
$(this.addClass('active').sides().removeClass('active');
});代码>
-
-
-
-
-
因为在定义click处理程序时,您要附加的元素不存在,因此最好使用jQuery中的delegate()方法
$('A')。追加(
“”
+''
+“ ”);
$('.collapse')。委托('li','click',函数(e){
e、 预防默认值();
$(this.addClass('active').sides().removeClass('active');
});代码>
.collapse li.active a{
颜色:红色;
}
-
-
-
-
-
无法复制该问题,最好是创建该问题的可执行代码段。很抱歉,我不知道如何创建该代码段,因为我也在使用DTL。我感谢您的复制,问题是我不应该默认,否则它将不会发送到链接。我在没有默认设置的情况下尝试了它,但它的问题与加载新页面时代码不会被应用的问题是一样的。我不确定我是否完全理解您试图达到的好处。如果页面将由href链接刷新,您尝试添加一些操作或类的目的是什么?你能澄清一下你的任务吗?逐步单击导航链接时,它会将您发送到另一个页面,您希望该导航链接处于活动状态。因此,与单击事件无关。不是逻辑!就在页面生成过程中,需要检查href属性是否等于当前页面,正如我所说的,它不起作用。我甚至还使用了$(window).on('load',