在JavaScript / jQuery中更改切換狀態

Question

是否可以更改切換功能的狀態？ 喜歡：

myDiv.toggle ...函數1，函數2

1. 我單擊myDiv元素，執行功能1
2. 我再次點擊，功能2
3. 我再次點擊，功能1但
4. 改變狀態
5. 再次功能1等

但是我需要能夠從切換功能外部更改狀態。

Answer 1

切換功能適用於簡單的用例。 從外部更改狀態不再是“簡單”的。

您無法輕松/安全地（它是內部的，因此它可能在次要版本中更改），因為它存儲在元素的內部數據集中，因此無法輕松地訪問切換功能的狀態變量。

如果您確實想這樣做，可以嘗試以下代碼：

$._data(ELEMENT, "lastToggle" + func.guid, 0);

func是傳遞給.toggle()的函數，因此您需要將此函數保存在變量中。 這是一個最小的示例： http : //jsfiddle.net/xqgrP/

但是，由於函數內部有一個var guid = fn.guid || jQuery.guid++ var guid = fn.guid || jQuery.guid++聲明中，不知何故，我認為，開發者其實是要使用guid ，而不是func.guid為_data關鍵-在這種情況下，一個小的更新是非常有可能打破東西。 修復之后，您將不得不遍歷數據集以檢索正確的密鑰，因為無法從外部訪問GUID。

Answer 2

這是一個使用閉包來跟蹤其狀態並進行切換的javascript對象：

    var TOGGLER = function() {
      var _state = true;
      var _msg = "function1";

        var function1 = function() {
            _msg = "function1";
        }

        var function2 = function() {
            _msg = "function2";
        }

      return {
        toggle: (function () {
            _state = !_state;

            if (_state) {
                function1();    
            } else {
                function2();
            } 

            return _msg;
        })
       }
     }();

這是一個jsfiddle，顯示了如何使用它通過以下jquery進行切換： http : //jsfiddle.net/yjPKH/5/

  $(document).ready(function() {
     $("#search").click(function() {
         var message = TOGGLER.toggle();
         $("#state").text(message);
     });
 });