javascript - 如何使用 jquery 切换 javascript 函数

Question

我有两个 JavaScript 函数

 function A(){ 
   alert("A() function is called");
 }

function B(){
    alert("B() function is called");
 }

 $("#button").click(function(){
 // I need to toggle A() and B() here
 });

我该如何实现这一目标，有人可以帮忙吗？

Answer 1

要实现此目的，您可以存储一个标志，该标志存储元素的状态，以及要调用的函数。这是一个使用类的示例:

$("#button").click(function(){
    var $el = $(this).toggleClass('foo');
    $el.hasClass('foo') ? A() : B();
});

您可以在每次连续点击时绑定(bind)/取消绑定(bind)事件处理程序，但这很快就会变得笨拙且难以维护。

为了完整起见，下面是一个使用 data 属性的示例:

$("#button").click(function(){
    var $el = $(this).data('foo', !$(this).data('foo'));
    $el.data('foo') ? A() : B();
});