Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在侧边栏中聚焦活动菜单项?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何在侧边栏中聚焦活动菜单项?

Jquery 如何在侧边栏中聚焦活动菜单项?,jquery,html,css,Jquery,Html,Css,这是我的边栏代码 <div><ul class="menusubnav"> <li class="orange"><a href="Managerhomepage.php">Manager</a></li> <li><a href="addcustomerpage.php">New Customer</a></li> <li><a href="EditCust

这是我的边栏代码

<div><ul class="menusubnav">
<li class="orange"><a href="Managerhomepage.php">Manager</a></li>
<li><a href="addcustomerpage.php">New Customer</a></li>
<li><a href="EditCustomer.php">Edit Customer</a></li>
<li><a href="DeleteCustomerInput.php">Delete Customer</a></li>
<li><a href="addAccount.php">New Account</a></li>
<li><a href="editAccount.php">Edit Account</a></li>
<li><a href="deleteAccountInput.php">Delete Account</a></li>
<li><a href="MiniStatementInput.php">Mini Statement</a></li>
<li><a href="CustomisedStatementInput.php">Customised Statement</a></li>
<li><a href="Logout.php">Log out</a></li>
</ul></div>
这是我的

请帮我怎么做这个。我想聚焦或更改侧边栏菜单的活动链接的颜色。
请帮助。

只需在活动菜单中添加一个类即可

.active {
    outline:none;
    border-color:#ffa853;
    background-color:#FF6600;
    box-shadow:0 0 10px #ffa853;
}
e、 g


注意:不完全是怎么做的,但这是怎么做的概念。我想您会理解这一点,因为您的链接正在重定向到
php
页面

,只需向活动菜单添加一个类即可

.active {
    outline:none;
    border-color:#ffa853;
    background-color:#FF6600;
    box-shadow:0 0 10px #ffa853;
}
e、 g


注意:不完全是怎么做的,但这是怎么做的概念。我想您会理解这一点,因为您的链接正在重定向到
php
页面

尝试以下内容:

$('.menusubnav a').click(function() {
   $('.menusubnav a').css('background', '#ffffff');
     $(this).css('background-color', '#FF6600');
});

您可以将完整的css规则添加到每个css函数中。这将在每次单击一个菜单项时将所有菜单项设置为其默认条件,并更新单击的项

尝试以下几点:

$('.menusubnav a').click(function() {
   $('.menusubnav a').css('background', '#ffffff');
     $(this).css('background-color', '#FF6600');
});

您可以将完整的css规则添加到每个css函数中。这将在每次单击一个菜单项时将所有菜单项设置为其默认条件,并更新单击的项

如果你使用Wordpress平台,那就很容易了。只需添加一个名为
.current\u page\u item a
的类,然后根据需要设置样式。无论菜单项是什么,它都适用于每个导航菜单。所以试试看。我想它会很好用的

如果你使用Wordpress平台,那就很容易了。只需添加一个名为
.current\u page\u item a
的类,然后根据需要设置样式。无论菜单项是什么,它都适用于每个导航菜单。所以试试看。我想它会很好用的

为什么您需要什么?我想关注活动菜单链接,它可以是动态的,您正在谈论在css中添加manualu类,而sidebarit在服务器端或手动中可以是动态的,因为链接是唯一的URL,例如Managerhomepage.php、addcustomerpage.php,等等。那么我该怎么做呢?如果你能建议我任何文档链接,那么它也可以是可感知的。检查如何添加带有服务器端代码的类的示例更新为什么你需要什么?我想关注活动菜单链接,它可以是动态的,你正在谈论在css中添加manualu类,而sidebarit在服务器端可以是动态的或者手动链接,因为链接是唯一的URL,例如Managerhomepage.php、addcustomerpage.php等。因此,如果您可以向我推荐任何文档链接,我该怎么做呢?如果您可以推荐任何文档链接,那么也可以查看如何添加服务器端代码为No wordpress only phpNo wordpress only php的类的示例,请检查更新
$('.menusubnav a').click(function() {
   $('.menusubnav a').css('background', '#ffffff');
     $(this).css('background-color', '#FF6600');
});