2012-01-03 24 views
0

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

私がクリックすると、リンクに行くが、ページをジャンプしません。何が起こっていますか?

ありがとうございました!

UPDATE

[OK]を、私は、コードを更新しました。まだ働いていません。

+0

:http://api.jquery.com/event.stopPropagation/ –

+1

@デビッドLaberge:私はそれがナビゲーションを停止するpreventDefault' 'についてかなりだと思います。 – pimvdb

+0

ページをジャンプしますか?実際に何を言おうとしていますか? – AmGates

答えて

6

<li>のタグではなく、<a>タグのクリックをキャンセルする必要があります。

+0

あなたは正しい、迅速です、私はすぐにそれを保存するために逃した... – Murtaza

0

あなたのliあなたはあなたが偽/ trueを返すように要求しない<a>タグ

0

のためにそれを書くべきのクリックイベントにreturn falseを書いています。アンカーのOnClick機能はここで動作するはずです。私は以下のコードをテストしました。 Firebugを使用してコードをデバッグすることができます。役立つかもしれない

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