javascript - 使用 jQuery 后，href 链接不起作用

Question

HTML：

<ul class="current">
<li>
    <a href="#nogo"><b>Products</b>
     <div class="select_sub show">
         <ul class="sub">
          <li class="sub_show"><a href="product/product.php">Add product</a></li>
         </ul>
     </div>
   </a>
   </li>
 </ul>


<ul class="select">
<li>
   <a href="#nogo"><b>Item</b>
     <div class="select_sub">
         <ul class="sub">
          <li><a href="itea/item.php">Add Item</a></li>
         </ul>
     </div>
   </a>
</li>
</ul>

jQuery：

$("ul").click(function (e) {
    e.preventDefault(); // if iI comment that line a href link work but navigation not work 
    var $this = $(this);
    var $siblings = $(this).siblings();

    $this.addClass("current").removeClass("select");
    $this.find('.select_sub').addClass('show');

    $siblings.removeClass("current").addClass('select');
    $siblings.find('.select_sub').addClass('show');

});

如果我单击Add product链接，则此 url 上有重定向product/product.php

谢谢

Answer 1

我的猜测是，当您说 时e.preventDefault()，您实际上是在告诉您要防止ul默认值，这没什么。尝试preventDefault()直接在链接上调用。