Bootstrap.dropdown()“;未捕获的类型错误:undefined不是函数;

Bootstrap .dropdown() "Uncaught TypeError: undefined is not a function"

本文关键字:类型 错误 undefined 函数 dropdown Bootstrap      更新时间:2023-09-26

我知道以前有人问过这个问题,但不知怎么的,其他人的修复都不适用于我。我觉得这与导入我的插件有关。当点击引导程序下拉框中的字段时,我会在控制台中得到这行代码的"未定义不是函数":

$target.closest( '.btn-group' )
     .find( '[data-bind="label"]' ).text( $target.text() )
        .end()
     .children( 'dropdown-toggle' ).dropdown('toggle');

这是我的HTML中的导入代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="application/javascript" data-main="static/js/main" src="static/js/libs/require/2.1.11/require.js"></script>
<script src="static/js/libs/bootstrap/bootstrap.min.js"></script>
<link href="static/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">

每当我点击下拉框时,我的控制台的"网络"选项卡上也会出现这个错误,它说请求被取消了:

file:///home/chad/.config/google-chrome/Default/Extensions/gkojfkhlekighikafcpjkiklfbnlmeio/1.6.222_0/js/jquery.min.map

如有任何帮助,我们将不胜感激!我已经为它拔头发好几个小时了。

这里很长,但您使用的是名为"Hola"的铬扩展吗?我注意到这个消息

Denying load of chrome-extension://gkojfkhlekighikafcpjkiklfbnlmeio/js/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

在测试我正在开发的一个网络应用程序时,发现是这个扩展导致了错误,只是禁用了它,消息就不再出现了。我也在使用bootstrap,不知道它是否与此有关。

"//"之后的代码是扩展的id,您可以将其与Chrome扩展配置中的id进行比较,请参阅此图,并注意id与错误中的id相同。

希望这能有所帮助。

也许您的脚本标记出了问题?

<script type="application/javascript" data-main="static/js/main" src="static/js/libs/require/2.1.11/require.js"></script>

其中包括对dropdown()的调用可能在以下时间之前执行:

<script src="static/js/libs/bootstrap/bootstrap.min.js"></script>

它定义了dropdown()方法。

require应用程序中的代码是否被封装在$(function() {})中?