0

マスターページといくつかの子ページがあり、メニューからページを開いたときに折りたたまれて強調表示されたままになり、この構造になっています

     <ul id="menu"  class="unstyled accordion collapse in">


                <li id="MenuDash" class="accordion-group">
                    <a data-parent="#menu"
                         data-toggle="collapse" class="accordion-toggle" data-target="#dashboard-nav">
                        <i class="icon-dashboard icon-large"></i> Dashboard <span
                            class="label label-inverse pull-right">2</span>

                    </a>
                    <ul class="collapse" id="dashboard-nav">
                        <li><a href="/Default.aspx"><i class="icon-home"></i> Dash Board</a></li>
                        <li><a href="/Status.aspx"><i class="icon-bar-chart"></i> Status</a></li>
                    </ul>
                </li> </ul>

したがって、アクティブなクラスは

"active"

折りたたまれたクラスは

"collapse in"

このコードを試してみましdefault.aspx たが、うまくいきませんでした

<script type="text/javascript">
   $('#dashboard-nav').removeClass("collapse");
   $('#dashboard-nav').addClass("collapse in");
</script>
4

2 に答える 2

1

示されているコメントはクラスを単一の単語名にするため、コードをラップして、dom 要素がページに既に配置された後に js が実行されるようにします。

さらに、クラスを削除する代わりに、クラスを追加して、次のようなトグルjquery トグル イベントを試してください ...

$('#dashboard-nav li').toggle(function() {
     alert('First handler for .toggle() called.');
}, function() {
     alert('Second handler for .toggle() called.');
});
于 2013-08-06T05:49:37.080 に答える
0

すべての aspx ページでこれを使用します。

   <script type="text/javascript">
       $(document).ready(function () {
        $('#dashboard-nav').addClass('selected');
        $('.menu li a').hover(function () {
            $('.menu li a').removeClass('selected');
            $(this).addClass('active');
        });
        $('.menu li a').mouseleave(function () {
            $('#dashboard-nav').addClass('selected');
        });
    });
   </script>

とCSS

.menu li a:hover,.menu li a.selected
{
background-color :  #E5E5E5;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
color:Black ! important;
font: normal 12px Trebuchet MS;

}

要件に応じて変更できます

于 2013-08-06T06:49:11.570 に答える