0

私はこのjQueryタブコードを持っています:

$(function() {  
  $('#tabs div').hide(); // Hide divs
  $('#tabs div:first').show(); // Show first div
  $("li").click(function(e) {
    e.preventDefault();
    $("li").removeClass("selected");
    $(this).addClass("selected");
    var currentTab = $(this.children).attr('href'); // Set currentTab to value of href attribute
    $('#tabs div').hide(); // Hide all divs
    $(currentTab).show(); // Show div with id equal to variable currentTab
    return false;
  });
});

問題は、アンカー リンクをクリックするたびに、タブが「トグル」されることです。

<div id="tabs">
<ul class="tabrow">
  <li class="selected"><a href="#tab-one">Contest</a></li>
<li><a href="#tab-two">Prizes</a></li>


</ul>

<div id="tab-one" class="center">
</div>
<div id="tab-two" class="center">
</div>
</div>

UL 内のリンクのみがこの jQuery コードの影響を受けるようにするにはどうすればよいですか?

4

3 に答える 3

0

変更してみる

$("li").click(

に

$(".tabrow a").click(
于 2013-10-13T19:02:53.220 に答える
0 
$('ul.tabrow li a').click(function(e) {
    var $li = $(this).parent();
    $li.removeClass('selected');
    // etc...
});

あなたの jQuery セレクターは十分に具体的ではありません。クリック イベントのアンカー タグをターゲットにするか、 ( ).delegateの代わりに使用する必要があります。.click.bind

于 2013-10-13T19:03:01.907 に答える