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 会刷新新产品。

如果点击#Soorten>第二次点击>类型1比页面刷新

---

如果你第一次点击是#Soorten > type 1 它可以工作，否则第二步#warmtepomplijst > Brand 1 它会刷新。

请帮帮我！

Answer 1

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

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

//改变了

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