jQuery removeClass 禁用 on('click',function()

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('click',function()

jQuery removeClass to disable on('click',function()

javascript

jquery

removeclass