jquery - jQuery disabling anchor links

Question

I have this jQuery Tab Code:

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

The thing is, that each time I click on an anchor links it "toggles" a tab:

<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>

How can I do so only the links in the UL will be affected by this jQuery code?

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(); }); });

它将禁用锚标签。