我想做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属性。只需改变菜单的可见性即可! –