Question

如标题所示，我有以下功能：

$('.breadCrumb').on('click',function(){

    var bc = $(this).prop('id');
    var id = bc.split('_');
    $('#'+bc).removeClass("breadCrumb");
    //$('.'+bc).show();//show spinner on specific id
    $.ajax({
        url:'/ajax/breadcrumb/',
        data:{bc:id[1]}
    }).success(function(breadcrumb){
        $('#'+bc).html(breadcrumb);
        //$('.spinner').hide();
    });
});

问题是，我能够再次点击（无论出于何种原因），我想阻止某人每次点击并向数据库发送查询，并且

$('#'+bc).removeClass("breadCrumb");

无效。我可以得到任何建议吗？谢谢！

Answer 1

$('.breadCrumb').on('click',function(){
    $(this).off('click');
    var bc = $(this).prop('id');
    var id = bc.split('_');
    $('#'+bc).removeClass("breadCrumb");
    //$('.'+bc).show();//show spinner on specific id
    $.ajax({
        url:'/ajax/breadcrumb/',
        data:{bc:id[1]}
    }).success(function(breadcrumb){
        $('#'+bc).html(breadcrumb);
        //$('.spinner').hide();
    });
});

Answer 2

将$('.breadCrumb').on('click',function(){更改为$('body').on('.breadCrumb', 'click',function(){

jQuery removeClass禁用on（＆＃39; click＆＃39;，function（）

2 个答案: