-1

サブリンクページのいずれかにいるときにメインメニューを強調表示したい。

そのために私はコンテンツページからマスターページのメインメニューリンクに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にアクセスすると、「liConfiguration」のcssを「active_butn」に変更したいと思います。

cssを変更するためのjquery関数を書きたい...どうすればよいですか？

4

2 に答える 2

2

あなたはjqueryコードを求めましたが（そしてそれには2つの答えがあります）、サーバーコードの方が良いと思います。要素 ID を変更したい場合は、より安全です。

マスターで:

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

ページ内:

var master = Master as MyMaster;

if (master != null)
    master.ChangeConfigurationElementClass("active_butn");
于 2012-08-23T12:17:48.257 に答える
0 
var $path = window.location.pathname;

var $indexPath = function ($path) {

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

新しいクラス $indexPath($path); を追加しても問題ないことを願っています。

于 2012-08-23T12:06:26.937 に答える