我想做jquery上的可打開菜單。我使用點擊方法,它的工作,但我不能關閉它。我怎麼關閉?謝謝:)我不能使用關閉jquery上的點擊事件功能
$("div#kkayit").on("click", function(){
$(this).css("background-color", "pink");
});
$("div#kkayit").on("click", function(){
$("div#kkayit").off("click");
});
我想做jquery上的可打開菜單。我使用點擊方法,它的工作,但我不能關閉它。我怎麼關閉?謝謝:)我不能使用關閉jquery上的點擊事件功能
$("div#kkayit").on("click", function(){
$(this).css("background-color", "pink");
});
$("div#kkayit").on("click", function(){
$("div#kkayit").off("click");
});
您可以使用該功能toggle
jQuery中:
$(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>
您已經爲相同的選擇器註冊了相同的事件兩次。所以我建議只使用下面的代碼來提及選擇器的點擊事件。
$("div#kkayit").one("click", function(){
$(this).css("background-color", "pink");
});
請嘗試以下:
$("div#kkayit").on("click", function(event){
$(this).css("background-color", "pink");
event.preventdefault();
});
請讓我知道如果我回答你的問題與否。
謝謝。 Vinay
「close」是什麼意思?你想要做什麼?所有這些代碼都會改變背景顏色一次,然後刪除點擊處理程序。 – David
你應該使用'toggle'並保留CSS屬性。只需改變菜單的可見性即可! –