Javascript Jquery:单击链接时重新绑定函数
我有一个菜单,点击显示(类似于fb移动菜单)。单击视口中的任意位置时,菜单将再次隐藏,链接将被禁用(我想解除链接的绑定,因为如果没有此单击功能解除绑定,视口中的a链接将无法工作) 但是,当我单击showmenu按钮时,我希望能够绑定视口并再次单击Javascript Jquery:单击链接时重新绑定函数,javascript,jquery,function,bind,unbind,Javascript,Jquery,Function,Bind,Unbind,我有一个菜单,点击显示(类似于fb移动菜单)。单击视口中的任意位置时,菜单将再次隐藏,链接将被禁用(我想解除链接的绑定,因为如果没有此单击功能解除绑定,视口中的a链接将无法工作) 但是,当我单击showmenu按钮时,我希望能够绑定视口并再次单击 $(function(){ var menuStatus; $("a.showMenu").click(function(){ if(menuStatus != true){ $("#menu").anima
$(function(){
var menuStatus;
$("a.showMenu").click(function(){
if(menuStatus != true){
$("#menu").animate({
height: "44px",
}, 300, function(){menuStatus = true});
return false;
} else {
$("#menu").animate({
height: "0px",
}, 300, function(){menuStatus = false});
return false;
}
});
$("#viewport").bind('click.navclose', function(){
$(this).unbind('click.navclose');
if(menuStatus = true){
$("#menu").animate({
height: "0px",
}, 300, function(){menuStatus = false});
return false;
}
});
});
试试这个,希望会有意义
$(function() {
var menuStatus;
$("a.showMenu").click(function() {
$("#viewport").bind('click', handler);
if (menuStatus != true) {
$("#menu").animate({
height: "44px",
}, 300, function() {
menuStatus = true
});
return false;
} else {
$("#menu").animate({
height: "0px",
}, 300, function() {
menuStatus = false
});
return false;
}
});
$("#viewport").bind('click', handler);
var handler = function() {
$(this).unbind('click');
if (menuStatus = true) {
$("#menu").animate({
height: "0px",
}, 300, function() {
menuStatus = false
});
return false;
}
}
});
你能回答“是”吗当然,我觉得我没有正确回答你的问题,实际上你所说的绑定是什么意思?我希望每次单击主体(视口)时导航都关闭。。。它现在只工作一次。。。单击功能需要首先解除绑定,以便主体中的a.links可以工作。(点击功能覆盖了点击链接)试试我的答案,看看演示。