Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果类与当前url匹配,是否将其添加到当前链接?_Jquery_Css_Url - Fatal编程技术网

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>