jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQuery:clickClass()之后单击函数仍然有效大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在类上启用事件侦听器,但它不起作用

DOM元素:

<button class="btn btn-warning shopping"> Shop </button>

这是Javascript事件监听器:
一旦完成功能,它将删除.shopping,因此事件不会再触发.

$('.shopping').click(function(e){
    var that = this;
    alert( $(that).attr('class')); //btn btn-warning shopping

    //Ajax request
    $.get('processShopping.PHP',function(data){
    if(data == "success"){
        if($(that).hasClass('shopping')){
            $(that).removeClass('shopping');
            alert( $(that).attr('class'));//btn btn-warning
        }
    }
    });
});

购物课程已被删除,但行动仍然触发!

解决方法

为此你需要使用事件委托,

$('body').on('click','.shopping',function(e){

在上面的代码中,我使用body作为示例目的,但你必须在其上使用静态最接近的元素.

大佬总结

以上是大佬教程为你收集整理的JQuery:clickClass()之后单击函数仍然有效全部内容,希望文章能够帮你解决JQuery:clickClass()之后单击函数仍然有效所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: