Question

我有这个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代码的影响？

Answer 1

尝试更改

$("li").click(

到

$(".tabrow a").click(

Answer 2

$('ul.tabrow li a').click(function(e) {
    var $li = $(this).parent();
    $li.removeClass('selected');
    // etc...
});

您的jQuery选择器不够具体。您需要定位点击事件的锚标记，或使用.delegate代替.click（.bind）。

Answer 3

试试这个...... $（'a.something'）。on（“click”，function（e）{ e.preventDefault（）; }）; }）;

它将禁用锚标记。

jQuery禁用锚链接

3 个答案: