我有一个移动下拉菜单的问题,菜单内的链接不会触发,它只是将 div 发送回隐藏状态而不转到页面。
<div id="nav-mobile">
<a href="#"><img src="http://www.solostream.com/wp-content/themes/solostream/img/dropdown-menu-white.png" /></a>
<ul style="display: none;">
<li><a href="<?php echo home_url(); ?>">Home</a></li>
<li><a href="#">Memberships</a></li>
<li><a href="#">Platinum Membership</a></li>
<li><a href="#">Our Equipment</a></li>
<li><a href="#">Video Production</a></li>
<li id="last-child"><a href="#">Contact</a></li>
</ul>
</div>
<script>
$(document).ready(function() {
$('#nav-mobile ul').hide();
$('#nav-mobile').click(function(e) {
e.preventDefault();
$('#nav-mobile ul').slideToggle();
});
});
</script>
最佳答案
取消 e.preventDefault()
$('#nav-mobile').click(function(e) {
//e.preventDefault();
$('#nav-mobile ul').slideToggle();
});
在这里查看仿真:http://jsfiddle.net/m9bug6tk/2/
关于javascript - 移动菜单链接无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26143141/