根据URL向菜单项添加活动类

时间:2018-11-12 13:31:43

标签: javascript jquery html bootstrap-4

我有这个JS代码,效果很好;

x(0)=1

此代码将活动类设置为导航中的元素,并且一切正常,但是当我的网址更改时,我遇到了问题,例如:

var cururl = window.location.pathname;
var curpage = cururl.substr(cururl.lastIndexOf("/")  - 1);
var hash = window.location.hash.substr(1);
if ((curpage == "" || curpage == "" || curpage == "") && hash == "") {

} else {
  $("#nav1 li a ").each(function() {
    $(this).removeClass("navigation__sub--active");
  });
  if (hash != "") {
    $("#nav1 li   a[href*='" + hash + "']")
      .parents("li")
      .addClass("navigation__sub--active");
  } else {
    $("#nav1 li a[href*='" + curpage + "']")
      .parents("li")
      .addClass("navigation__sub--active");
  }
}

我在该页面上有一个类(navigation_sub--active),我有表单,当用户填写表单时,该表单转到另一个页面,而不是我的网址更改:

http://localhost/exam/item1 

我的课消失了吗? 我希望您能理解我,如果您对解决这个问题有任何想法? 抱歉,如果有类似的问题,我还没有找到解决方案 谢谢大家。

0 个答案:

没有答案