Php 动态css类jQuery_Php_Jquery_Html_Css

Php 动态css类jQuery

php jquery html css

Php 动态css类jQuery,php,jquery,html,css,Php,Jquery,Html,Css,我希望链接在页面加载时具有不同的样式。例如，如果我单击关于我们菜单项并转到我希望它显示为高亮显示的页面，以使用jQuery让用户知道他们在该页面上我尝试了以下代码： $("#navigation").click(function() { $('li').addClass('current-menu-item'); }); 触发“关于我们”后，您的链接将更改类别，但当页面加载时，所有js更改将消失。您不需要在单击时更改类，而是根据您的位置在加载页面上更改类 $(function() {

我希望链接在页面加载时具有不同的样式。例如，如果我单击

关于我们

菜单项并转到我希望它显示为高亮显示的页面，以使用jQuery让用户知道他们在该页面上

我尝试了以下代码：

$("#navigation").click(function()
{
    $('li').addClass('current-menu-item');
});

触发“关于我们”后，您的链接将更改类别，但当页面加载时，所有js更改将消失。您不需要在单击时更改类，而是根据您的位置在加载页面上更改类

$(function() {
    if (window.location == '/about') // change about to what you page on
        $('#navigation li a[href=/about]').parent().addClass('current-menu-item'); // change here link too
});

如果你有清单

在服务器端，您需要跟踪您所在的页面。有很多方法可以做到这一点，但有一种方法是

<ul>
    <li data-link="home">Home</li>
    <li data-link="about">About Us</li>
    <li data-link="contact>Contact</li>
</ul>


主页
关于我们
在交付每个页面的php中，您需要指定页面。因此，如果您有一个名为about.php的文件，这是您的about页面，您可以设置$page=“about”，然后执行上述操作。对于home.php$page=“home”我正在使用mysqli_fetch_数组从数据库中获取导航栏的链接，在这里我必须指定这个$page变量……？？？brother我尝试了上述方法……但仍然不起作用……你可以建议的任何其他解决方案……我已经在谷歌上进行了大量搜索，但我没有得到任何有效的。。。。。。
$(document).ready(function() {
    var currentPage = "<?= $page ?>";
    $('li[data-link='+currentPage+']').addClass('current-menu-item');
});

<?php
    $page = "about"
?>
<html>
    ....
</html>