Jquery 如果类与当前url匹配,是否将其添加到当前链接?
我使用此脚本突出显示当前链接(添加活动类):Jquery 如果类与当前url匹配,是否将其添加到当前链接?,jquery,css,url,Jquery,Css,Url,我使用此脚本突出显示当前链接(添加活动类): jQuery(文档).ready(函数($){ $(函数(){ $('nav a[href^=“/”+location.pathname.split(“/”[1]+'''“])addClass('active'); }); }); 这首先匹配/,例如/category,然后突出显示菜单中的所有内容或以/category/…开头的任何链接。我希望所有内容都匹配到第三级1/2/3/无论什么,因此,如果我在url上:/category/englis
jQuery(文档).ready(函数($){
$(函数(){
$('nav a[href^=“/”+location.pathname.split(“/”[1]+'''“])addClass('active');
});
});
这首先匹配
/
,例如/category
,然后突出显示菜单中的所有内容或以/category/…
开头的任何链接。我希望所有内容都匹配到第三级1/2/3/无论什么
,因此,如果我在url上:/category/english/that/?s=这是什么
,我希望突出显示包含/category/english/that/
的链接。可能不需要拆分位置。路径名
。试一试
let pathname='/category/english/this';
$(函数(){
$('ul a[href^=“”+路径名+“]”)。addClass('active');
});代码>
.active{
颜色:红色
}
您可能不需要拆分location.pathname
。试一试
let pathname='/category/english/this';
$(函数(){
$('ul a[href^=“”+路径名+“]”)。addClass('active');
});代码>
.active{
颜色:红色
}
不幸的是,什么也没有发生。未捕获错误:语法错误,无法识别的表达式:导航一段时间后,在主页上,它将所有菜单选择为活动:/在主页中location.pathname
仅返回\
,以便它发生。也许你可以用条件检查一下不幸的是,什么也没发生。未捕获错误:语法错误,无法识别的表达式:导航一段时间后,在主页上,它将所有菜单选择为活动:/在主页中location.pathname
仅返回\
,以便它发生。也许你可以检查一下它的状况
<script type="text/javascript">
jQuery(document).ready(function( $ ) {
$(function() {
$('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});
});
</script>
<li><a href="/category/english/this/?s=<?php
echo '' . htmlspecialchars($_GET["s"]) . '';
?>/">this</a></li>
<li><a href="/category/english/that/?s=<?php
echo '' . htmlspecialchars($_GET["s"]) . '';
?>/">that</a></li>