所以我有两个并排的菜单,在 html 中看起来像这样
<ul id ="menu">
<?php if ($session->is_logged_in()) { ?>
<li class="menu"><img " alt="User Profile" title="My Profile" src="<?php echo getUserImage($id.".jpg"); ?>" /><a href="#"><?php echo $_SESSION['username']; ?></a> <img src="images/downtriangle.png" />
<ul id="dropdown">
<li><a href="profile.php">Profile</a></li>
<li><a href="#">Settings</a></li>
<li><a href="logout.php">Log out</a></li>
</ul>
</li>
<?php } else { ?>
<li class="menu"><a href="register.php">Sign up</a></li>
<li class="menu"><a href="login.php">Log in</a></li>
<?php } ?>
<li class="menu"><a href="#">More</a> <img src="images/downtriangle.png" />
<ul id="dropdown_m">
<li><a href="topusers.php">Users</a></li>
<li><a href="topitems.php">Top Lists</a></li>
<li><a href="justrated.php">The Stream</a></li>
href="faq.php">FAQ</a></li>
<li><a href="about.php">About</a></li>
<li><a href="privacy.php">Privacy</a></li>
</ul>
</li>
</ul>
当它们打开并且您单击屏幕外的任意位置时,我想将其关闭,
这是我的 JavaScript:
$('html').click(function() {
$('#dropdown').hide();
})
$('html').click(function() {
$('#dropdown_m').hide();
})
$('#menu').click(function(e){
e.stopPropagation();
});
这将关闭左侧菜单(用户配置文件),但不会关闭右侧菜单。有人能看到发生了什么吗?
最佳答案
你试过把它们放在一起吗?
$('html').click(function() {
$('#dropdown').hide();
$('#dropdown_m').hide();
});
关于javascript - 通过关闭菜单单击关闭下拉菜单 - 两个下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17798934/