получение ошибки Непринятые ReferenceError: BootstrapDialog не определен

Question

Я пытаюсь использовать модальность Bootstrap для отправки твитов. Я скачал modal.js и bootstrap.min.js в мой файл JavaScript, но я получаю сообщение об ошибке:

Uncaught ReferenceError: BootstrapDialog is not defined.

Кто-нибудь знает, что я делаю неправильно?

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

Вы должны выполнить файл bootstrap-dialog.min.js где-то перед запуском вашей JavaScript.

Answer 3

Просто добавьте как в головной секции

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 

Answer 4

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

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

Также держите дорожку в том порядке, в котором вы включаете эти сценарии.

ПРИМЕЧАНИЕ: -ЭТО РЕШЕНИЕ, РАБОТАЮЩЕЕ ДЛЯ МЕНЯ, МОЖЕТ ИЛИ НЕ МОЖЕТ РАБОТАТЬ ДЛЯ ВАС.