jQuery 侧边栏两次单击不会再次加载脚本

Question

我正忙于侧边栏，菜单看起来像这样

#warmtepomplijst

• 品牌 1
• 品牌 2

#Soorten

• 类型 1
• 类型 2

现在我用jQuery.load做了网站刷新的一部分

$(document).ready(function(){
$( ".filter_merklink" ).click(function(e) {
var link = $(this).attr('href');
e.preventDefault();
$( "#warmtepomplijst" ).load( link + " #warmtepomplijst", function(e) {
console.log( "Nieuwe producten zijn opgehaald. Link= " + link );
});
$( "#sidebar" ).load( link + " #sidebar", function(e) {
console.log( "Sidebar opgehaald!" );
});
});
$('#merken a').click(function(e){
$("#merken a").removeClass('active');
$(this).addClass('active');
});
$('#soorten a').click(function(e){
$("#soorten a").removeClass('active');
$(this).addClass('active');
});
});

第一次点击工作正常！因此，您单击 #warmtepomplijst> a，div#warmtepomplijst会刷新新产品。

第二次单击(如果单击键入 1 #Soorten> 则比页面刷新

---

如果您第一次单击是键入 1 #Soorten> 它就可以工作，否则第二步 #warmtepomplijst> 品牌 1 它会刷新。

请帮帮我！

Answer 1

将所有.click 方法更改为 .on 方法。 像这样：

$('#soorten a').click(function(e){...

//改变

$(document).on('click','#soorten a',function(e){...