Question

当我在任何子链接页面上时，我想突出显示主菜单。

为此，我尝试将css应用于主页中的主菜单链接。

菜单代码如下：

 <div class="menu">
                 <ul id="vertical-navigation">
                    <li runat="server" id="liConfiguration" class="main_link"><a href="#">Configuration</a>
                        <ul>
                            <li class="">
                                <div class="ParentMenu">
                                    <div class="ChildItem">
                                        <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/xyz/xyz.aspx">xyz Master</asp:HyperLink></div>
                                    <iframe src="" class="IframeMenuItem" scrolling="no"></iframe>
                                </div>
                            </li>

所以在这种情况下，当我去xyz.aspx时，我想改变＆＃39; liConfiguration＆＃39;的css。到＆＃34; active_butn＆＃34;

我想编写用于更改css的jquery函数...我该怎么做？

Answer 1

虽然您要求提供jquery代码（并且有2个答案），但我认为这里的服务器代码可能更好。当你想要改变元素id时会更安全。

在主人：

public void ChangeConfigurationElementClass(string className)
{
    liConfiguration.Attributes["class"] = className;
}

在页面中：

var master = Master as MyMaster;

if (master != null)
    master.ChangeConfigurationElementClass("active_butn");

Answer 2

var $path = window.location.pathname;

var $indexPath = function ($path) {

            if ($path.indexOf('xyz') > -1) {
                $('#liConfiguration').addClass("active_butn");
            }
            else {
                $('#liConfiguration').addClass("main_link");
            }
}

我希望添加新课程可以 $ indexPath（$路径）;

使用jquery更改母版页面元素的css

2 个答案: