需要單擊兩次以觸發.one（）函數

Question

我需要在代碼中獲得一個切換功能，因此我進行了搜索並得到了它。 現在，我在代碼中實現了它（下面的代碼已簡化），但是您必須單擊兩次按鈕才能使其正常工作。 單擊兩次后，它可以正常工作。

是什么導致此問題，我該如何解決？

 var triggerbtn = $('#trigger'); function showThis() { triggerbtn.text('Show this!'); $(this).one("click", hideThis); } function hideThis() { triggerbtn.text('Hide this!'); $(this).one("click", showThis); } triggerbtn.one("click", showThis); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="trigger">Show this!</button> 

Answer 1

按鈕的默認狀態為show並且在首次單擊時再次嘗試show它。 第一次點擊應該已經hide了

 var triggerbtn = $('#trigger'); function showThis() { triggerbtn.text('Show this!'); $(this).one("click", hideThis); } function hideThis() { triggerbtn.text('Hide this!'); $(this).one("click", showThis); } triggerbtn.one("click", hideThis); // Here is the change 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="trigger">Show this!</button>