2012-04-24 7 views
1

HTMLに動作していない:使用jQueryの後hrefのリンクは

<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の:私はAdd productリンクをクリックすると、リダイレクトがこのURLに

$("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'); 

}); 

ありproduct/product.php

おかげ

+1

'id =" current "'は同じであってはなりません。同じクラスか異なるIDを使用してください。 –

+0

Mr Siva Charan、それ以降は変更IDがある場合 –

+0

@vikas周囲のコードについて詳しく説明し、正確に何を達成しようとしていますか? –

答えて

0

私の推測では、あなたがe.preventDefault()と言うとき、あなたは実際に何もないので、ulがデフォルトにならないようにしてください。リンク先のpreventDefault()に直接お電話ください。

+0

tofsはい、あなたはそれを取り除いた後に正しいe.preventDefault()jquery code not work –

+0

'$(" ul.sub li "")preventDefault() 'を呼び出してリンク。 –

関連する問題