jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了更改类后的jQuery id和类选择器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我是这个论坛的新手,也是jQuery的新手,所以它(我认为)是一个基本问题,但我找不到答案,我尝试的一切都没有用.

我在页面上有一个按钮,可以执行某些操作并更改类.随着新班级还原那些事情.

这是代码

$("#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()做一些事情,但无法弄清楚如何.

请帮忙.

解决方法

问题是jQuery集合只计算一次.

使用

$(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,请注明来意。
标签: