javascript - jQuery removeClass 在 ('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();
    });
});