Как динамически вставить класс CSS с помощью PHP?

Question

Что не так со следующим кодом?Я хотел бы динамически вставлять «текущий» класс CSS при нажатии на соответствующий элемент <li>.Спасибо!

<?php 
$pg = $_SERVER['PHP_SELF']; 
?>

<section>
    <aside>       
        <nav>
            <ul>
                <li class="<?php if($pg == 'index.php?page=about.php'){echo 'current';} ?>"><a href="index.php?page=about.php">About</a></li>                       
            <li class=""><a href="">Services</a></li> 
            </ul>
        </nav>
    </aside>
<section>

Answer 1

Попробуйте с:

<?php 
$pg = $_GET['page'];

$allow = array('about.php', 'main.php', 'other.php');
if ( !in_array($pg, $allow) ) {
    $pg = 'default_value';
}
?>

<section>
    <aside>       
        <nav>
            <ul>
                <li class="<?php if($pg == 'about.php'){echo 'current';} ?>"><a href="index.php?page=about.php">About</a></li>                       
            <li class=""><a href="">Services</a></li> 
            </ul>
        </nav>
    </aside>
<section>

Answer 2

<li class="<?php echo ($_GET['page'] == 'about.php')? 'current' : 'normal'; ?>">
  <a href="index.php?page=about.php">About</a>
</li>

Answer 3

$_SERVER['PHP_SELF'] будет начинаться с / и не будет содержать строку запроса.

Возможно, вместо этого следует проверить $_GET['page'].

Answer 4

$_SERVER['PHP_SELF'] не возвращает переменные $ _GET (?page=about.php)

Answer 5

Хорошо, если вы ищете клик во время выполнения, вам нужен javascript, а не php.Примерно так с помощью jQuery будет работать у вас:

$(document).ready(function(){
    $('nav >ul li').click(function(){
        //remove all current classes
        $('.current').removeClass('current');
        $(this).addClass('current');
    });
});