Question

我正在尝试使用Bootstrap的模态来发送推文。我将 modal.js 和 bootstrap.min.js 下载到我的JavaScript文件中，但是我收到错误：

未捕获的ReferenceError：未定义BootstrapDialog。

任何人都知道我做错了什么？

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);

Answer 1

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

Answer 2

您需要在JavaScript运行之前的某处获取bootstrap-dialog.min.js文件。

Answer 3

<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>

Answer 4

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">

还要跟踪包含这些脚本的顺序。

注意：-THIS解决方案为我工作可能或可能不适合您。

Answer 5

只需将两者添加到头部

即可

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

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

5 个答案: