获取错误未捕获ReferenceError：BootstrapDialog未定义

问题描述：

我试图使用Bootstrap的模式来发送推文。我下载modal.js和bootstrap.min.js到我的JavaScript文件，但我得到的错误：获取错误未捕获ReferenceError：BootstrapDialog未定义

Uncaught ReferenceError: BootstrapDialog is not defined.

任何人都知道我做错了吗？

HTML：

<script src="js/bootstrap.min.js"></script> 
<script src="js/modal.js"></script> 
<script src="js/scripts.js"></script> <!-- my jquery file -->

的JavaScript：

setTimeout(function() { 
    BootstrapDialog.alert('I want banana!'); 
}, 1000);

答

您正在调用插件BootstrapDialog（https://github.com/nakupanda/bootstrap3-dialog），但未将其包含在您的JS文件中。你不是只使用默认的引导模式（http://getbootstrap.com/javascript/#modals）

答

你需要的地方源bootstrap-dialog.min.js文件你的JavaScript运行之前。

我在哪里可以找到这个文件？我下载了Bootstrap，但没有看到这个文件。 – LauraNMS 2015-02-10 16:32:54

答

就既能补充到头部

https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css 

https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js

答

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css"> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js"></script>

答

setTimeout(function(){ 
    BootstrapDialog.alert('I want banana!'); 
}, 1000);

还必须包括在您的主HTML文件这个脚本。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css">

此外，请确保包含这些脚本的顺序保持一致。

注意：此解决方案适用于我，它可能可能不适合您。

获取错误未捕获ReferenceError：BootstrapDialog未定义

相关推荐