我基本上试图用html,css和
jquery制作一个简单的下拉菜单
当用户点击它时,我很难关闭div.
当用户点击它时,我很难关闭div.
我已经尝试过stopPropagation并在单击时将操作绑定到文档,它们要么不起作用,要么我不知道如何使用它们.无论如何看看下面的代码
HTML
<div id="optionsMenu"> <a href="account.PHP?edit=info">Account Settings</a> </div>
JQuery的
$('.options').click(function(){
if($('#optionsMenu').css("display") == 'none'){
$('#optionsMenu').slideDown("fast");
}
else{
$('#optionsMenu').slideUp("fast");
}
});
$('#optionsMenu').blur(function(){
$('#optionsMenu').css("display","none");
});
任何帮助都会很有帮助.
解决方法
你应该使用stopPropagation：
$(body).click(function(e)
{
$('#optionsMenu').slideUp('fast');
});
$('#optionsMenu').click(function(e)
{
e.stopPropagation();
});