大佬教程收集整理的这篇文章主要介绍了更改类后的jQuery id和类选择器,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面上有一个按钮,可以执行某些操作并更改类.随着新班级还原那些事情.
这是代码:
$("#info_button.buttonOff").click(function() { $(".content").slideUp(300,function() { $("#info").slideDown(300); $("#info").addClass("contentOn"); $("#info_button").removeClass("buttonOff").addClass("buttonOn"); $("#overlay").fadeIn(300); }); }); $("#info_button.buttonOn").click(function() { $(".content").slideUp(300); $("#info").removeClass("contentOn"); $("#info_button").removeClass("buttonOn").addClass("buttonOff"); $("#overlay").fadeOut(300); });
第一个事件独自工作.但是,只要我添加第二个事件,就不再有效了.我想我必须用.unbind()做一些事情,但无法弄清楚如何.
请帮忙.
使用
$(document).on('click',"#info_button.buttonOff",function() {
和
$(document).on('click',"#info_button.buttonOn",function() {
这样,每次发生点击时都会测试选择器.
由于您的元素具有ID,因此可以使用更轻的解决方案
$("#info_button").click(function() { if ($(this).hasClass('buttonOn')) { // do something } else { ...
但我通常更喜欢第一个.
以上是大佬教程为你收集整理的更改类后的jQuery id和类选择器全部内容,希望文章能够帮你解决更改类后的jQuery id和类选择器所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。