我不能在jquery上使用off函數進行click事件

Question

我想在jquery上做可打開的菜單。 我使用點擊方法，它的工作，但我無法關閉它。 我該怎么辦？ 謝謝 ：）

$("div#kkayit").on("click", function(){
    $(this).css("background-color", "pink");
});

$("div#kkayit").on("click", function(){
    $("div#kkayit").off("click");
});

Answer 1

您已為同一選擇器注冊了相同的事件兩次。 因此，我建議僅在下面的代碼中使用所提到的選擇器的click事件。

$("div#kkayit").one("click", function(){
    $(this).css("background-color", "pink");
});

http://api.jquery.com/one/

Answer 2

您可以在jquery中使用該功能toggle ：

http://api.jquery.com/toggle/

 $(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p> HERE Will toggle</p> <button>Toggle between hide() and show()</button> 

Answer 3

請嘗試以下：

$("div#kkayit").on("click", function(event){
    $(this).css("background-color", "pink");
    event.preventdefault();
});

如果我回答你的問題，請告訴我。

謝謝。 維奈