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>