ReferenceError：找不到变量：bootbox

Question

我正在尝试使用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

我该如何解决呢？

谢谢

Answer 1

问题是您的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>