Question

我需要在页面中添加排序，但该类不会添加到活动排序选择...

这是我的代码：

<ul class="nav nav-tabs">
    <li class="menusel active" name="hlavni" onclick="deleteClass()">
        <a href="?sort=hlavni">Hlavní nástěnka</a>
    </li>
    <li class="menusel" name="date" onclick="deleteClass()">
        <a href="?sort=date">Nejnovější</a>
    </li>
    <li class="menusel" name="dulezite" onclick="deleteClass()">
        <a href="?sort=dulezite">Nejdůležitější</a>
    </li>
    <li class="menusel" name="hledane" onclick="deleteClass()">
        <a href="?sort=hledane">Nejhledanější</a>
    </li>
    <?php
        $sort = $_GET['sort'];
        echo "<script language='jscript'>
        $('$sort').addClass('active');
        </script>";
    ?>
    <script language="jscript">
        function deleteclass() {
            $('.active').removeClass('active');
        }
    </script>
    <div style="float: right; margin-left: 100px;">
        <h1 style="font-family: Helvetica; margin-right: 50px">Nástěnka</h1>
    </div>
</ul>

你看到了什么问题吗？

Answer 1

如果您想使用para params来设置活动页面，则不需要使用js。用这个：

<li class="menusel <?php echo $_GET['sort']=='hlavni' ? 'active' : ''; ?>" name="hlavni" onclick="deleteClass()"><a href="?sort=hlavni">Hlavní nástěnka</a></li>

其他链接相同

Answer 2

我解决了这个问题：

<ul class="nav nav-tabs">
                <li class="menusel active" id="hlavni" onclick="deleteclass()"><a href="?sort=hlavni">Hlavní nástěnka</a></li>
                <li class="menusel" id="date" onclick="deleteclass()"><a href="?sort=date">Nejnovější</a></li>
                <li class="menusel" id="dulezite" onclick="deleteclass()"><a href="?sort=dulezite">Nejdůležitější</a></li>
                <li class="menusel" id="hledane" onclick="deleteclass()"><a href="?sort=hledane">Nejhledanější</a></li>
                <?php
                $sort = $_GET['sort'];
                echo "<script language='jscript'>
                $(function(){
                    $('#".$sort."').addClass('active');
                    var sort = '".$sort."';
                    switch(sort){
                        case 'date':
                        case 'dulezite':
                        case 'hledane':
                        $('#hlavni').removeClass('active');
                        break;
                        case 'hlavni':
                        default:
                        break;
                        }
                });
                </script>";
                ?>
                <script language="jscript">
                    function deleteclass() {
                        $('.active').removeClass('active');
                        }
                </script>
                <div style="float: right; margin-left: 100px;"><h1 style="font-family: Helvetica; margin-right: 50px">Nástěnka</h1></div>
            </ul>

PHP + jQuery在更改url时添加类

2 个答案: