Jquery 如果页面URL等于<;a>;存在锚定标记时页面上的链接不起作用

Jquery 如果页面URL等于<;a>;存在锚定标记时页面上的链接不起作用,jquery,css,anchor,window.location,Jquery,Css,Anchor,Window.location,我有下面的代码,看看页面URL是否与页面上某个项目的“href”相同,如果是,它会向该标记添加一个CSS类 这非常有效,但我在一些页面中有锚,这阻止了它将CSS类应用于该项 例如,domain.com/page-name/添加了CSS类,但domain.com/page-name/#named anchor没有添加 我想我需要更改我的代码,以便它查看“href”标记是否包含在页面URL中,而不是完全匹配 您可以使用var pgurl=window.location.origin+window.l

我有下面的代码,看看页面URL是否与页面上某个项目的“href”相同,如果是,它会向该标记添加一个CSS类

这非常有效,但我在一些页面中有锚,这阻止了它将CSS类应用于该项

例如,domain.com/page-name/添加了CSS类,但domain.com/page-name/#named anchor没有添加


我想我需要更改我的代码,以便它查看“href”标记是否包含在页面URL中,而不是完全匹配

您可以使用
var pgurl
=
window.location.origin
+
window.location.pathname

它将为您提供不计算散列(#)的页面URL。

(如果您在IE中也需要它,您也可以使用
indexOf
  $(document).ready(function($){
      var pgurl = window.location.href;
      $("div.scrollmenu.restyled span").each(function(){
           if($(this).find('a').attr("href") == pgurl || $(this).find('a').attr("href") == '' )
            $(this).addClass("active");
      })
  });