jQuery Bootstrap Toggle - 未捕获错误: 语法错误，无法识别表达式: # at Function.Sizzle.error

Question

我正在使用通过npm获取的Jquery 3.3.1和Bootstrap 3.3.7。

我有以下标记来切换一个div：

<div class="text-right">
     <a class="js-accordion-trigger" data-toggle="collapse" href="#advanced-search" aria-expanded="false" aria-controls="advanced-search">Advanced search <span class="js-notifier"></span></a>
</div>

<div id="advanced-search" class="js-accordion-content collapse">

</div>

但是现在我在控制台中得到以下错误：

libs.js:1541 Uncaught Error: Syntax error, unrecognized expression: #
at Function.Sizzle.error (libs.js:1541)
at Sizzle.tokenize (libs.js:2193)
at Sizzle.select (libs.js:2620)
at Function.Sizzle [as find] (libs.js:845)
at jQuery.fn.init.find (libs.js:2873)
at new jQuery.fn.init (libs.js:2983)
at jQuery (libs.js:139)
at getParent (libs.js:11147)
at HTMLAnchorElement.<anonymous> (libs.js:11157)
at Function.each (libs.js:354)

- adam78

---

不得不将 jQuery 降级到 2.2 版本来解决问题。看起来 Bootstrap 的开发团队没有打算修复这个问题，以使 Bootstrap 3 兼容 jQuery 3.*，而是仅寄望于所有人升级到 Bootstrap 4。 - adam78

非常感谢。这让我省去了很多麻烦。 - domshyra

Answer 1

我也遇到了类似的问题，但它并不会阻止我的进展。

当我创建一个按钮来调用模态框时，就会出现类似以下代码的情况。

<a href="#" id="btnMyButton" data-toggle="modal" onclick="myFunction()" data-dismiss="modal">

看起来问题的原因是以下属性：

href="#"

将其替换为下面的属性可以消除显示错误。

href="javascript:void()" 

- Pong

Answer 2

我在使用bootstrap 3和jquery 3.3.1时遇到了类似的错误。我尝试使用下拉菜单，但不小心写成了data-target="#"。我删除了这个代码，错误就消失了。我在这里阅读了相关信息：https://www.drupal.org/project/bootstrap_mint/issues/2957269

- Nishant Singh

Answer 3

从3.3.7升级到3.4.1的Bootstrap似乎可以解决这个问题：

https://getbootstrap.com/docs/3.4/getting-started/

- RafaSashi