0

サイトにタブを設定し、PHP を使用してアクティブなタブを見つけています。これがヘッダーファイルからの私のコードです。タブは他のページに設定され、ヘッダーに送信されます。

<ul class="nav pull-left">  

<?php 
    if($_SESSION['val']==="1")
    {
                            echo '<li' . ($tab == '1' ? 'class="active"' : '') . '><a href="1.php">1</a></li>';
                            echo '<li' . ($tab == '2' ? 'class="active"' : '') . '><a href="2.php">2</a></li>';
                            echo '<li' . ($tab == '3' ? 'class="active"' : '') . '><a href="3.php">3</a></li>';
                            echo '<li' . ($tab == '4' ? 'class="active"' : '') . '><a href="4.php">4</a></li>';
    }    
?>
</ul>

どのタブがアクティブで、タブが必要に応じて設定されているかを確認できますが、リスト項目はリストとして表示され、アクティブなタブを設定すると衝突が発生するため、ナビゲーションバーのスタイルはありません。これらのタブがどれもアクティブでないページでは、通常のナビゲーション バー スタイルでタブを表示できます。これを行うためのより良い方法はありますか？

アップデート

修正: タブはアクティブとしてまったく表示されません。しかし、4 番目のタブをクリックすると、必要なスタイルが表示されます。

4

2 に答える 2

2

class単語の前にスペースを追加するのを忘れました

echo '<li' . ($tab == '1' ? ' class="active"' : '') . '><a href="1.php">1</a></li>';
echo '<li' . ($tab == '2' ? ' class="active"' : '') . '><a href="2.php">2</a></li>';
echo '<li' . ($tab == '3' ? ' class="active"' : '') . '><a href="3.php">3</a></li>';
echo '<li' . ($tab == '4' ? ' class="active"' : '') . '><a href="4.php">4</a></li>';
于 2013-10-23T12:01:30.553 に答える