[英]Closing Drop down menu with off menu click - two drop downs
所以我有两个并排的菜单,看起来像是在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();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.