添加正斜杠时HTML主题jQuery中断

时间:2018-12-14 13:36:13

标签: javascript jquery html

我有一个使用jQuery的HTML主题,该主题的作者只是告诉我不要使用正斜杠。从我的角度来看,我看不出这是怎么回事。

主菜单中的URL设置如下:

<li class="nav-item">
  <a href="about-us" class="nav-link">About</a>
</li>

当我尝试创建一个名为case-studies的子文件夹时,我首先发现了问题,该子文件夹中有自己的html文件。但是,无论何时,我都会向url中添加一个正斜杠,例如:

<li class="nav-item">
  <a href="/about-us" class="nav-link">About</a>
</li>

网站上的所有jQuery元素都中断了,并且控制台给了我这个错误:

jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: /about-us  
        at Function.ga.error (jquery.min.js:2)  
        at ga.tokenize (jquery.min.js:2)  
        at ga.select (jquery.min.js:2)  
        at Function.ga [as find] (jquery.min.js:2)  
        at r.fn.init.find (jquery.min.js:2)  
        at new r.fn.init (jquery.min.js:2)  
        at r (jquery.min.js:2)  
        at r (scrollspy.min.js:1)  
        at HTMLDivElement.<anonymous> (scrollspy.min.js:1)  
        at Function.each (jquery.min.js:2)  

实际上是在jQuery v3.1.1中不能使用正斜杠的情况吗?关于此的任何建议或意见都是很棒的。

编辑https://pastebin.com/AcrYsCqn custom.js

1 个答案:

答案 0 :(得分:-4)

这可能是Bootstrap问题。尝试在此类链接上使用data-target属性

<a href="#/about-us" data-target="#about-us" class="nav-link">About</a>