在2個函數之間切換

Question

我試圖做一個切換功能，所以當你點擊一個鏈接時，它會做一件事，當你再次點擊相同的鏈接時，它會做另一件事。我的問題是，我使用的是最新版本的Jquery，看起來切換事件是Deprecated。

我在嘗試使用它之前，我發現它已被棄用。

$('#edit a').toggle(
    function(){ 
     editList(); 
    }, 
    function(){ 
     addList(); 
}); 

它在文檔中說它已經被綁定點擊。

Answer 1

微jQuery插件：

jQuery.fn.clickToggle = function(a,b) { 
    var ab = [b,a]; 
    return this.on("click", function(){ ab[this._tog^=1].call(this); }); 
}; 


// USE LIKE: 

$("button").clickToggle(function() { 
    console.log("AAA"); 
}, function() { 
    console.log("BBB"); 
}); // Chain here other jQuery methods to your selector 

從這裏我的答案兩者https://stackoverflow.com/a/21520499/383904

---

還有其他的方法來切換的狀態/值：

LIVE DEMO

var editAdd = [editList, addList], // store your function names into array 
    c = 0;       // toggle counter 

function editList(){    // define function 
    alert('EDIT'); 
} 
function addList(){     // define function 
    alert('ADD'); 
} 

$('#edit a').click(function(e){ 
    e.preventDefault(); 
    editAdd[c++%2]();     // toggle array index and use as function 
            // % = Modulo operator 
}); 

其中，代替模運算%可以使用
位異或操作^，如：[c^=1]

---

使用Array.reverse（）
LIVE DEMO

var editAdd = [editList, addList]; 

function editList(){ 
    alert('EDIT'); 
} 
function addList(){ 
    alert('ADD'); 
} 

$('#edit a').click(function(e){ 
    e.preventDefault(); 
    editAdd.reverse()[0](); 
}); 

反向將在每次點擊時反轉我們的陣列，我們所需要做的就是取0索引值[0]並運行該函數名稱[0]()。

Answer 2

不優雅，但快速修復：

$('#edit a').click({ 
    if($(this).data('toggleState') == 1) { 
    toggleState = 0; 
    addList(); 
    } 
    else { 
    toggleState = 1; 
    editList(); 
    } 

    $(this).data('toggleState', toggleState); 
    return false; 
}); 

Answer 3

所有你需要做的是有一個變量，或屬性，指示執行何種功能，例如，使用自定義data-switch屬性：

$('a').click(function(e){ 
    e.preventDefault(); 
    var that = $(this); 
    switch (that.data('switch')){ 
     case 'a': 
      // do something in situation 'a' 
      console.log('Function one'); 
      that.data('switch','b'); 
      break; 
     case 'b': 
      // do something in situation 'b' 
      console.log('Function two'); 
      that.data('switch','a'); 
      break; 
    } 
}); 

JS Fiddle demo。

Answer 4

短和清潔

var toggle = [addList, editList]; 
$('#edit a').click({ 
    var state = +$(this).data('toggle'); 
    toggle[state](); 
    $(this).data('toggle',(1-state)); 
    return false; 
}); 

Answer 5

見我對這個here

該解決方案的答案創建構成每次調用時兩者之間兩個功能交替切換功能。

var toggle = function (a, b) { 
    var togg = false; 
    return function() { 
     // passes return value back to caller 
     return (togg = !togg) ? a() : b(); 
    }; 
}; 

與

$('#btn').on('click', toggle (function(){ 
    return editList(); 
}, function(){ 
    return addList(); 
}));