如何更改菜单锚元素的类 [英] How to change the class of menu anchor elements

问题描述

Hi ,

<nav class="navbar-default navbar-side" role="navigation">
                <div class="sidebar-collapse">
                    <ul class="nav" id="main-menu">
                        <li>
                            <a href="Home.aspx"><i class="fa fa-dashboard"></i>Dashboard</a>
                        </li>
                        <li>
                            <a href="chart.aspx"><i class="fa fa-bar-chart-o"></i>Charts</a>
                        </li>
                        <li>
                            <a href="ActualDeposits.aspx"><i class="fa fa-table"></i>Actual Deposits</a>
                        </li>
                        <li>
                            <a href="AdjustedAmountDetails.aspx"><i class="fa fa-table"></i>Adjusted Amounts</a>
                        </li>

                    </ul>

                </div>

            </nav>

以上是我的导航结构。



什么我想做的是..clcking我希望让它变得活跃的任何链接



但我面临的问题..我无法导航到下一页如果我使用的是preventdefault，但我可以在课堂上进行操作..



但是如果我删除了防止默认值，那么类不会刷新内容，因为它们会刷新

the above is my structure of navigation .

What i want to do is ..clcking on any link i want to make it active

but to problem i am facing .. I am not able to navigate to next page if i use preventdefault but i can able to chnage the class ..

but if i remove the prevent default then class doesnt gest chnages as they refresh

<script type="text/javascript">
       $(function () {
           $('#main-menu li a').click(function (e) {
               debugger;
               e.preventDefault();
               var $this = $(this);
               $this.closest('ul').find('.active-menu').removeClass('active-menu');
               $this.parent().addClass('active-menu');

           });
       });
   </script>

推荐答案

（function（）{

(function () {

（'＃main-menu li a '）。click（function（e）{
debugger;
e.preventDefault（）;
var

('#main-menu li a').click(function (e) { debugger; e.preventDefault(); var

this =

这篇关于如何更改菜单锚元素的类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！