jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQUERY’on’声明无效大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的按钮,当点击它,改变它的类.我有第二个脚本试图检测再次点击该类.

他们需要能够被点击和关闭.

////归档按钮单击了WORKS
////单击“归档”按钮“不起作用”

Jquery 1.9

//// Archive button clicked
$('a.archive_butt').on("click",function() {

    //// Put the li in as an object
    var li = $(this).parent('li');
    var entry_id = $(li).attr('rel');

    //// Add class to the li            
    $(li).addClass('status_archived');

    //// Swap the Archive button for unarchive
    $(this).addClass('unarchive_butt');
    $(this).removeClass('archive_butt');
    $(this).empty();
    $(this).text('Un-Archive');

    return false;
});



//// Un Archive button clicked
$('a.unarchive_butt').on("click",function() {
    alert('Fire');  
    return false;
});

解决方法

当你调用.on时绑定click事件,但是当你调用它时,没有存在类unarchive_butt的元素,所以它永远不会绑定.

你真正想要的是旧的jQuery .live()功能已经过时,有利于下面的代码

$('body').on('click','a.archive_butt',function() {
    //do stuff
});

$('body').on('click','a.unarchive_butt',function() {
    //do stuff
});

大佬总结

以上是大佬教程为你收集整理的JQUERY’on’声明无效全部内容,希望文章能够帮你解决JQUERY’on’声明无效所遇到的程序开发问题。

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

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