手機菜單鏈接不工作

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

revome的e.preventDefault（）

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

看這裏，看仿真：http://jsfiddle.net/m9bug6tk/2/