1


Twitterブートストラップのロープを学んでいます。これは初心者の質問ですので、ご容赦ください。コードに JavaScript はありません。私がやろうとしているのは、ブートストラップ クラスを学習することだけです。タブ コントロールを学習するための簡単な Web ページを作成しています。読み込み時のメイン ページには、サイト名といくつかのナビゲーション オプションがあります (私のテスト Web サイトhttp://www.13favs.com/staticをご覧ください)。ページ読み込み時に、メニュー バーが適切に表示されます。メニューの最初のオプションをクリックすると、コンテンツが正しく表示されます。2 番目のオプションを選択すると、コンテンツが適切に表示されます。メイン ページ名 (一番左のメニュー タイトル) を選択すると、ページの読み込み時に表示したかったヒーロー コンテンツが表示されます。2 つの質問があります

  • メインページのタイトルを表示するようにロード時にヒーローコンテンツを表示することは可能ですか、それとも表示させるためにそれをアクティブタブとして強制するためにjavascriptを使用する必要がありますか?
  • これをテストするためにhttp://jsfiddle.net/unni/8vBkC/で jsFiddle を作成しましたが、JavaScript とブートストラップ js の両方が有効になっているにもかかわらず、メニュー オプションを選択してもコンテンツが表示されません。ここで私がテストしようとしているコアコード

    <nav class=navbar navbar-inverse>
<div class="navbar-inner"> <a class="brand" href="#main">Main Page</a>

    <ul class="nav">
        <li><a href="#first" data-toggle="nav">First</a>
        </li>
        <li><a href="#second" data-toggle="nav">Second</a>
        </li>
    </ul>
</div>

    最初の秒



    ありがとう

    • 4

    1 に答える 1

    1

    active次のようにヒーロー タブにクラスを追加することで、ロード時にヒーロー コンテンツを表示できます。

    <div class="hero-unit tab-pane active" id="main">
    <h1>Welcome to 13 Favorties</h1>
    <p>Tell us if your favorite is missing.</p>
</div>

    あなたのフィドルには、コードに2つの問題があります。まず、「navbar navbar-inverse」の周りに引用符がありません。次に、リンクはdata-toggle="nav"いつ言うべきかを示していますdata-toggle="tab"

    これは、ヒーローが表示され、リンクが機能しているフィドルです： http://jsfiddle.net/McVRw/2/

    コードとは関係ありませんが、気付かなかった場合は、ヒーローにタイプミスがあります: Favorties

    于 2013-03-16T11:39:24.680 に答える