javascript - 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 > 输入 1，它会起作用，否则第二步 #warmtepomplijst > Brand 1 它会刷新。

请帮帮我!

Answer 1

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

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

//改变了

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