Jquery 如果页面URL等于<;a>;存在锚定标记时页面上的链接不起作用
我有下面的代码,看看页面URL是否与页面上某个项目的“href”相同,如果是,它会向该标记添加一个CSS类 这非常有效,但我在一些页面中有锚,这阻止了它将CSS类应用于该项 例如,domain.com/page-name/添加了CSS类,但domain.com/page-name/#named anchor没有添加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
我想我需要更改我的代码,以便它查看“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");
})
});