Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.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
Javascript 具有活动类的多个菜单项_Javascript_Css_Bootstrap 4 - Fatal编程技术网

Javascript 具有活动类的多个菜单项

Javascript 具有活动类的多个菜单项,javascript,css,bootstrap-4,Javascript,Css,Bootstrap 4,这让我快发疯了。我正在创建一个flask应用程序,并使用Bootstrap(最新版本)处理许多css和js内容。这个引导程序附带了一个js函数,用于向上次单击的菜单项添加一个活动类。这适用于大多数菜单,但在某些情况下,2个项目添加了活动类 css: html: 是的,URL实际上是我应用程序中的数字。发生的情况如下:活动类可以正常工作1、2、5和6。 单击3时,nr 1也处于活动状态,单击4时,nr 2也处于活动状态。 为什么?我看到的唯一相似之处是url中的最后一个数字,但这不可

这让我快发疯了。我正在创建一个flask应用程序,并使用Bootstrap(最新版本)处理许多css和js内容。这个引导程序附带了一个js函数,用于向上次单击的菜单项添加一个活动类。这适用于大多数菜单,但在某些情况下,2个项目添加了活动类

css:

html:

  • 是的,URL实际上是我应用程序中的数字。发生的情况如下:活动类可以正常工作1、2、5和6。 单击3时,nr 1也处于活动状态,单击4时,nr 2也处于活动状态。
    为什么?我看到的唯一相似之处是url中的最后一个数字,但这不可能导致这个问题,对吗?

    嗯,我发现实际上是一个忍者宏导致了这个问题

    {%macro-nav_-link(endpoint,name)%%}{%if-request.endpoint.endswith(endpoint)%%}
  • {%else%}
  • {%endif%}{%endmacro%}


    我更改了if语句,以检查斜杠后的所有内容,从而解决了问题。

    您能否编辑您的帖子以包含显示此内容的代码段?这将是一个更容易帮助你包括。相当肯定你钉它。。。很可能你的代码只是在看最后一个数字,但是直到我们看到其他代码,特别是JS代码,我们才知道。让我先从引导中找出这一部分。我会尽快回来的
    .nav-sidebar > .active > a { color: #fff; background-color: #428bca;}
    
                <li><a href="1">1</a></li>
                <li><a href="2">2</a></li>
                <li><a href="11">3</a></li>
                <li><a href="12">4</a></li>
                <li><a href="13">5</a></li>
                <li><a href="14">6</a></li>