Question

$("#button1").click(function(e)
{
//action
});
$("#button2").click(function(e)
{
 //do something
    $("#button1").click(function(f)
    {
    //do something else
    });
});

我有两个按钮执行不同的操作。但是如果单击按钮2，我需要按钮1在下一次单击时执行不同的任务而不执行第一个功能。有什么建议吗？

Answer 1

我建议你研究一下jQuery的.on（）和.off（）功能。

http://api.jquery.com/on/

http://api.jquery.com/off/

正如上面的“关闭”链接所示，您可以为点击事件创建名称空间，这样您就可以添加和删除您喜欢的特定开关事件。像这样：

$("#button1").on("click.myName", function(e){
        //action
});

$("#button2").click(function(e){
    //do something

    $("#button1").off("click.myName").on("click.myOtherName", function(e) {
        //do something else
    });

});

这使您可以更直接地定位点击事件，而不是一般性地调用.off()，消除所有点击事件。

Answer 2

为此，您需要使用一个变量范围来检测按钮1或2是否单击

var btn = 1; // default
$("#button1").click(function(e)
{
  if(btn){
    #button1 click
  }
  else{
    #after button2 click
  }
});
$("#button2").click(function(e)
{
    btn = 2; //change value after button2 click 
});

Answer 3

您可以使用的一种方法是在将新事件侦听器添加到要更改的按钮之前解除任何事件侦听器的绑定。

这可以通过Jquery中的on（）和off（）函数来完成。

$("#button1").off('click').on('click',function(e)
{
    //action
});

然后你可以用按钮2 ...

做同样的事情

$("#button2").off('click').on('click',function(e)
{
    //action
    $("#button1").off('click').on('click',function(e)
    {
        //action
    });
});

通过执行此操作，您设置的最后一次单击是单击该元素时将出现的唯一一次。

Answer 4

您可以尝试一次

$("#button1").click(function(e)
{
//action
});
$("#button2").click(function(e)
{
 //do something
  $("#button1").unbind();
  $("#button1").bind('click', function(f)
   {
     //do something else
   });
});

我希望这对你有用。

可以在同一元素上使用多个单击事件吗？

4 个答案: