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

vshtjzan  于 2023-05-17  发布在  jQuery
关注(0)|答案(3)|浏览(205)

我正在使用Jquery 3.3.1和Bootstrap 3.3.7通过npm拉取。
我有以下标记来切换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)
frebpwbc

frebpwbc1#

我也遇到了类似的问题,虽然它不是一个显示塞子。
当我创建一个按钮,它将调用一个模态来显示时,就像下面的代码一样。

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

看起来原因是以下属性:

href="#"

用下面的属性替换它可以删除显示的错误

href="javascript:void()"
cnjp1d6j

cnjp1d6j2#

我在使用bootstrap 3和jquery 3.3.1时也遇到了类似的错误。我试图使用下拉菜单,但不小心写了data-target="#"。我删除了它,错误就消失了。我在这里读到了https://www.drupal.org/project/bootstrap_mint/issues/2957269

vmdwslir

vmdwslir3#

从3.3.7升级到bootstrap 3.4.1似乎可以解决此问题:
https://getbootstrap.com/docs/3.4/getting-started/

相关问题