如何在我的clicktoggle函数中仅运行第二个函数并重置此函数?

时间:2019-06-12 08:08:18

标签: javascript jquery

如何在我的clicktoggle功能中仅运行第二个功能并重置我的clicktoggle功能?

我只想单击一次只运行Function2222并重置tclickToggle函数,然后像单击第一个一样通过单击来重新运行。

我的英语不好。抱歉。

$(document).ready(function() {
  (function($) {
    $.fn.tclickToggle = function(func1, func2) {
      var funcs = [func1, func2];
      this.data('toggleclicked', 0);
      this.click(function() {
        var data = $(this).data();
        var tc = data.toggleclicked;
        $.proxy(funcs[tc], this)();
        data.toggleclicked = (tc + 1) % 2;
      });
      return this;
    };
  }(jQuery));
  
  $(".tools").tclickToggle(function() {
    $('.tol').css("background-color", "red");
    // FUNCTION 1111
  }, function() {
    $('.tol').css("background-color", "green");
    // FUNCTION 222
  });
});
div {
  width: 100px;
  height: 50px;
  border: 5px solid #ccc;
  margin: 20px
}

a {
  cursor: pointer;
}
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<a class="tools">Change Color</a>
<div class="tol"></div>
<a class="runfunc2">Click Here to Run Only Function2 and reset ToggleFunction (my question my problem)</a>

0 个答案:

没有答案