Question

のLOCATION.HREF使用方法私のJavascriptの機能は以下のようになります。

 function markActiveLink() { 

      var path = location.pathname; 
      var home = "/"; 

      if (path == home) 
       return 
      $("a[href='" + [path || home] + "']").parents("li").each(function() { 
       $(this).removeClass('menu_item'); 
       $(this).addClass("menu_item_active"); 
      }); 
     } 

しかし、私はリンクを見つけるためにdocument.location.hrefの代わりlocation.pathnameを使用します。私はちょうどそれを変更しようとしましたが、機能は全く働いていません - >私のリンクのどれも選択されていません。これらのリンクソースがそのように見える

<ul> 
      <li><a href="<%=System.Configuration.ConfigurationManager.AppSettings("VirtualDirectory").ToString()%>User/UserOrder.aspx?id=<%=pe.UserId%>&type=NMO"> 
       <%=Me.GetLocalResourceObject("NMOrders.Text")%> 
      </a></li> 
      <li><a href="<%=System.Configuration.ConfigurationManager.AppSettings("VirtualDirectory").ToString()%>User/UserOrder.aspx?id=<%=pe.UserId%>&type=MO"> 
       <%=Me.GetLocalResourceObject("MOrders.Text")%> 
      </a></li> 
      <li><a href="<%=System.Configuration.ConfigurationManager.AppSettings("VirtualDirectory").ToString()%>User/UserPage.aspx?id=<%=pe.UserId%>"> 
       <%=Me.GetLocalResourceObject("UserPage.Text")%> 
      </a></li> 
     </ul> 

、ページ上：

私のリンクの一部のコードは、そのように見える

<ul> 
       <li><a href="/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=NMO"> 
        User Orders NMO 
       </a></li> 
       <li><a href="/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=MO"> 
        User Orders MO 
       </a></li> 
       <li><a href="/App/User/UserPage.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1"> 
        User Page 
       </a></li> 
</ul> 

そしてlocation.pathnameのvaluse、それらのリンクを持つだけだろう/App/User/UserOrder.aspxと私は全体のリンクを確認する必要があります。だから私は代わりにlocation.hrefを使用しようとしています。

LOCATION.HREFは、例えば次のとおりです。http://localhost/App/User/UserOrder.aspx?id=949abc91-a644-4a02-aebf-96da3ac7d8e1&type=MO 、その後location.pathnameは次のとおりです。/App/User/UserOrder.aspx

ここで任意の助けに感謝します！ LOCATION.HREFテキスト（プロトコルが含まれています明らかに

var path = location.pathname + location.search; 

Answer 1

：

Answer 2

はそれだけでlocation.hrefかwindow.location.hrefなくdocument.location.href

クエリを含めるには、この

function markActiveLink() { 

      var path = location.pathname; 
      var home = "/", $this, href, locationHref = location.href.toLowerCase(); 

      if (path == home) 
       return; 

      $("ul li").removeClass('menu_item'); 

      $("ul a").each(function() { 
       $this = $(this); 
       href = $this.attr("href").toLowerCase(); 
       if(locationHref.substring(locationHref.length - href.length) == href) 
       { 
        $this.closest("li").addClass("menu_item_active"); 
        return false; 
       } 
      }); 
     } 

Answer 3

使用し、文字列の連結を試していますおよびホスト名： "http：// localhost /"）が含まれています。

比較する前にlocation.hrefから削除するか、リンクに追加する必要があります。