jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在JQuery中的同一元素上链接多个单击事件?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在一次单击元素时触发事件,然后在第二次单击同一元素时触发另一个事件.我在下面附上了一个演示链接.问题是事件被链接,因此只需单击一次即可运行到最后一个事件,而无需等待第二次单击.如果这是重复,我很抱歉,但我在这个板上找不到相同的问题. @H_419_7@

@H_419_7@我可能没有把这个问题措辞得很好,我相信我会为此遇到麻烦……

@H_419_7@

$(function(){
l $('.Box')
      .click(function() {
        $(this).removeClass('red'
                        ).addClass('black');
      })
      .click(function() {
        $(this).removeClass('black'
                        ).addClass('blue');
      });
});`
@H_419_7@http://jsfiddle.net/MEFNG/1/

解决方法

http://jsfiddle.net/lollero/MEFNG/3/ @H_419_7@

@H_419_7@HTML:

@H_419_7@

<div class="Box red"></div>
@H_419_7@CSS:

@H_419_7@

div.Box {
  width: 100px;
  height: 100px;
}
.red {background:red}
.black {background:black}
.blue {background:blue}
@H_419_7@jQuery的:

@H_419_7@

$(function(){

    $('.Box').on("click",function() {

        var Box = $(this);

        if ( Box.hasClass('red') ) {
            Box.removeClass('red').addClass('black');
        }
        else if ( Box.hasClass('black') ) {
            Box.removeClass('black').addClass('blue');
        }
        else if ( Box.hasClass('blue') ) {
            Box.removeClass('blue').addClass('red');
        }

    });

});

大佬总结

以上是大佬教程为你收集整理的如何在JQuery中的同一元素上链接多个单击事件?全部内容,希望文章能够帮你解决如何在JQuery中的同一元素上链接多个单击事件?所遇到的程序开发问题。

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

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