使用jQuery将动态css添加到菜单和主页

时间:2015-08-11 16:37:54

标签: javascript jquery css asp.net-mvc

我正在根据网址"current_page_item"向当前页面添加课程<a href"">。我的主页<a href="myurl/">Home</a>所有其他人都有值,例如。 <a href="myurl/nom">Nom</a>

菜单结构类似于

<nav id="main-menu">
   <ul id="menu-main-menu" class="menu">
     <li class="menu-item-simple-parent menu-item-depth-0">
      <a href="myurl/">Home</a>
      </li>
  <li class="menu-item-simple-parent menu-item-depth-0">
      <a href="myurl/page2">Page2</a>
      </li>
  <li class="menu-item-simple-parent menu-item-depth-0">
      <a href="myurl/page3">Page3</a>
      </li>
...................and so on
</ul></nav>

这是我到目前为止提出的剧本

    <script type="text/javascript">
        jQuery(document).ready(function () {

            var pnom = @(HttpContext.Current.Request.RequestContext.RouteData.Values["nom"]).ToLowercase();
            jQuery('ul.menu li.menu-item-simple-parent.menu-item-depth-0 a')
               .removeClass('current_page_item')
               .filter(function (index) {
                   return jQuery(this).attr('href').toLowerCase().indexOf(pnom) != -1;
               })
               .addClass('current_page_item');
        });
</script>

我的问题是如何容纳主页的空例外。我希望代码中的条件仍然会将类添加到主页,尽管pnom值为null。 请帮忙。

1 个答案:

答案 0 :(得分:0)

您可以使用

/var/www/html

[nilesh@NileshDBl ~]$ ls -lh /var/www/html/ total 12K drwxrwxr-x. 7 nilesh nilesh 4.0K Aug 2 13:46 demos drwxrwxr-x. 6 nilesh nilesh 4.0K Jul 24 22:49 examples drwxrwxr-x. 2 nilesh nilesh 55 Jul 7 2014 html5 lrwxrwxrwx. 1 nilesh nilesh 35 Jul 25 20:15 php-chunked-xhtml -> /home/nilesh/html/php-chunked-xhtml lrwxrwxrwx. 1 nilesh nilesh 30 Jul 20 20:41 phpdocs -> /usr/share/doc/php-tcpdf-6.2.8 lrwxrwxrwx. 1 nilesh nilesh 23 Jul 25 20:16 tikon -> /home/nilesh/html/tikon var pnom = @(HttpContext.Current.Request.RequestContext.RouteData.Values["nom"] ?? "").toLowercase(); 时设置默认值,甚至更好,

RouteData.Values["nom"]

Jsfiddle demo