Question

我在移动下拉菜单中遇到问题，菜单中的链接不会触发，只是将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>

Answer 1

重新启动e.preventDefault（）

$('#nav-mobile').click(function(e) {
     //e.preventDefault();
     $('#nav-mobile ul').slideToggle();
});

在这里查看仿真：http://jsfiddle.net/m9bug6tk/2/

移动菜单链接无效

1 个答案: