0

同じ html ページ内のタブに移動せず、別の html ページに移動するブートストラップを使用してナビゲーション バーを作成することは可能ですか? また、フェードインのスタイルも維持したいと考えています。

同じhtmlページにすべてを含めることは現実的ではないように見える大きなページの原因となる可能性があるようです。

<body class="page"> 
<div id="navigationbar">
    <ul class="nav nav-pills centerdiv span5">
      <li class="active"><a href="#main" data-toggle="tab">Main</a></li>
      <li><a href="#about" data-toggle="tab">About</a></li>
      <li><a href="#open" data-toggle="tab">Open</a></li>
      <li><a href="#contact" data-toggle="tab">Contact</a></li>
    </ul>
</div>

代わりに次のようなものを書くにはどうすればよいですか

<body class="page"> 
<div id="navigationbar">
    <ul class="nav nav-pills centerdiv span5">
      <li class="active"><a href="main.html">Main</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="open.html">Open</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
</div>

ターゲットは、クラス フェードのタグに含まれる最初のスタイルにありますが、別のページでターゲットを分離すると、これは機能しません。

4

1 に答える 1

0

class="active"それぞれのファイルで navbar リンクを設定するだけです。

多くのページがある場合、すべてのページにナビゲーションを配置するのは面倒です。ナビゲーション バーを別のファイルに移動し、スクリプトを実行できます。たとえば、PHP では次のようになります。

<li<?php active('main.html'); ?>><a href="main.html">Main</a></li>

次のような関数が必要になります。

function active($file) {
    if($_SERVER['REQUEST_URI'] == '/'.$file) {
        echo ' class="active';
    }
}

これは単純化しすぎていることに注意してください。クエリ文字列を削除する必要があり、ファイルがドメインのルートにない場合、これは機能しません。

このようなページにメニューを挿入します

<?php include __DIR__.'/navigation.php'; ?>

テンプレート システムを使用して、より簡単にすることもできます。ジキルはあなたにとって興味深いかもしれません。

メニュー例: https://github.com/rsms/rsms.github.com/blob/master/_layouts/default.html#L78

于 2013-07-21T12:08:15.113 に答える