Question

我认为我的return false代码无法正常运行。看看：

 $(".home .options .tabs ul li a").click(function(e){



    var qual = $(this).attr("href");

    $(".content.home .options .tabs ul li").removeClass("active");
    $(this).parent().addClass("active");

    $(".content.home .options .holder .tab").hide();
    $(".content.home .options .holder "+qual).show();

    return false;


});

这是我的HTML代码：

 <div class="tabs">
                <ul>
                    <li class="active"><a href="#lancamentos">Lançamentos</a></li>
                    <li><a href="#obras">Em Obras</a></li>
                    <li><a href="#prontos">Prontos para Morar</a></li>
                </ul>
  </div><!-- tabs -->

当我点击时，它不会转到链接，而是跳转页面。发生了什么事？

谢谢！

更新

好的，我已经更新了代码。仍然没有工作。

Answer 1

您需要取消点击<a>标记，而不是包含<li>。

Answer 2

您在return false的点击事件中写过li，您应该为<a>代码编写

Answer 3

您不需要返回true / false。锚的OnClick功能应该在这里工作。我测试了以下代码。您可以使用firebug来调试代码。

$(".tabs ul li").click(function(e){
   var qual = $(this).find('a').attr("href");
   $(".tabs ul li").removeClass("active");
    $(this).addClass("active");
});

返回false不起作用

3 个答案: