一次,两个菜单均处于活动状态

时间:2018-08-25 18:31:15

标签: javascript jquery

image of nav bar 我将JQuery放在我的页脚中,就像我单击笔记首页并且笔记的两个部分都处于活动状态时一样,请提供帮助

BlueprintReadWrite

2 个答案:

答案 0 :(得分:2)

您用于HOME链接的HTML如下:

H2

<li class="menu__item menu__item--current"> <a href="https://easyfreenotes.in/index.php/Site" class="menu__link">Home</a> </li> 类在此处被硬编码,插入到PHP文件中。正如@VSM和@jackjop正确注意到的那样,您应该删除此类并让jQuery决定将其添加到何处:

menu__item--current

您还可以在JS代码中删除此硬编码类:

<li class="menu__item">
  <a href="https://easyfreenotes.in/index.php/Site" class="menu__link">Home</a>
</li>

我认为最好的解决方案是在您的PHP代码中打印此类(因为您已经为HOME链接完成了此操作)

另外,我注意到您在Easy Notes图片链接中有一个斜杠:

$(".menu--iris .navbar-nav li.menu__item--current").removeClass('menu__item--current');
$(".menu--iris .navbar-nav li a").each(function () {
  ...
});

我建议删除此斜杠:

<h1>
  <a class="navbar-brand" href="https://easyfreenotes.in/index.php/Site/">
    <i>E</i>
    <span>asy-Notes</span>
  </a>
</h1>

因为您的jquery代码仅根据HREF检查URL的最后一个片段,所以<a class="navbar-brand" href="https://easyfreenotes.in/index.php/Site"> 可能等于/index.php/Site/

答案 1 :(得分:1)

使用下面的代码并替换头文件中的首页列表项。

<li class="menu__item"><a href="your link here" class="menu__link">Home</a></li>

如果您需要任何帮助,请告诉我。

谢谢。