的ReferenceError:找不到变量:bootbox
问题描述:
我试图使用Bootbox插件,但我不能让它工作,这是我的导入代码:的ReferenceError:找不到变量:bootbox
<script src="jquery.min.js" type="text/javascript"></script>
<script src="bootstrap.min.js" type="text/javascript"></script>
<script src="ui-bootbox.min.js" type="text/javascript"></script>
然后HTML:
<p>Content here. <a class="alert" href=#>Alert!</a></p>
和Javascript:
$(document).on("click", ".alert", function(e) {
bootbox.alert("Hello world!", function() {
console.log("Alert Callback");
});
});
但是,当我点击链接,这是在控制台中的错误:
ReferenceError: Can't find variable: bootbox
怎么可以解决这一问题?
感谢
答
的问题是你的bootbox.js
已损坏。从cdn获取副本。它应该工作。
$(document).on("click", ".alert", function(e) {
bootbox.alert("Hello world!", function() {
console.log("Alert Callback");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.js"></script>
<p>Content here. <a class="alert" href=#>Alert!</a>
</p>