2

Web サイトにタブを設定しましたが、タブ内のリンクが機能しないことを除いて、すべて正常に機能しているようです。右クリックして新しいタブで開くと言うと機能しますが、それ以外の場合は何も起こりません。問題はbootstrap.jsと私がやっていることだと思いますが、何がわかりません。

ここにサイトがあります: http://www.rightcall.co/features . 最後の 3 つのタブのリンクを見てください。これ

が私のコードの簡単なバージョンです。

<div class="tabbable features tabs-left row-fluid">
    <ul class="nav nav-tabs span3 uppercase">
        <li class="active"><a href="#l1" data-toggle="tab">Overview</a></li>
            <li><a href="#l2" data-toggle="tab">What you get</a></li>
            <li><a href="#l3" data-toggle="tab">Our Process</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="l1">
                <h3>Overview</h3>
                <a href="/anotherpage">         
            </div>
            <div class="tab-pane" id="l2">
                <h3>What You Get</h3>
                <a href="/anotherpage">
            </div>
            <div class="tab-pane" id="l3">
                <h3>Our Process</h3>
                <a href="/anotherpage">
            </div>
        </div>
    </div>
</div>

アドバイスがあればよろしくお願いします。私はBootstrapにかなり慣れていないので、ちょっと途方に暮れています。

4

1 に答える 1

7

'.tabbable a'JavaScriptでは、jquery を使用してall を選択し、デフォルトのクリック アクションを防止します。

$('.tabbable a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
});

あなたはそれを作るべきです：

$('.tabbable .nav-tabs a').click( //etc..

このようaにして、jQuery によって他の が選択されることはありません。

また、あなたのサイトを StackOverflow にリンクして、人々があなたのバグ/問題を調査できるようにすることは、規則に違反していることを指摘しておく必要があります。コード (HTML/CSS/JS) のみを投稿して、質問を見つけた他の人が問題を解決できるようにします。

于 2013-07-12T17:29:27.027 に答える