0

私は現在これを使用しています:

<a href="t1.php" class="<?php if(end(explode("/", $_SERVER["PHP_SELF"])) == "t1.php") { echo 'active'; } else {} ?>">Tab2</a>
<a href="t2.php" class="<?php if(end(explode("/", $_SERVER["PHP_SELF"])) == "t2.php") { echo 'active'; } else {} ?>">Tab2</a>

しかし、私はこのようにphpを使用するのは好きではなく、phpサーバー側でこれを処理するのに時間を無駄にしていると思います。基本的に、これをjavaScriptで作成します。ページが読み込まれるか読み込まれると、javascript関数がトリガーされ、URLのfile.phpに応じてクラスが変更されます。また、すべてのJQueryスクリプト/プラグインおよびそのようなものは避けてください。

おそらく、これを効率的に行う別の方法がありますか?

私がよく説明したことを願っています。〜ありがとう、私は人間です。

4

1 に答える 1

0

これらの要素にIDattrを追加できる場合(操作を簡単にするため)、次のようにすることができます(本体のオンロードまたはスクリプトの最後にスクリプトをアタッチします)。

<a href="t1.php" id="tab1">Tab2</a>
<a href="t2.php" id="tab2">Tab2</a>

JavaScript:

var ThisLocation = document.location.href;
if(ThisLocation.indexOf('t1.php') !== -1)
{
    document.getElementById('tab1').setAttribute('class', 'active');
}
else if(ThisLocation.indexOf('t2.php') !== -1)
{
    document.getElementById('tab2').setAttribute('class', 'active');
}
于 2012-07-19T06:32:24.887 に答える