参考错误:Can't find variable: bootbox

ReferenceError: Can't find variable: bootbox

本文关键字:find variable bootbox 错误 Can 参考      更新时间:2023-09-26

我试图使用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>