javascript - BootstrapDialog.alert() 未显示

标签 javascript html twitter-bootstrap-3 dialog bootstrap-dialog

我使用以下代码来显示 BootstrapDialog,但它没有显示 请帮忙

<!DOCTYPE HTML>
<html>
<head>
<title>dialog box example</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
    <input type="button"  value="button1" class="btn btn-info" onclick="showmes();">


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

    <script>
    function showmes() {
        BootstrapDialog.show(typeof(BootstrapDialog)); //.alert('I want banana!');
    }
    </script>
</body>
</html>

最佳答案

BootstrapDialog 不是 Bootstrap 库的一部分,它是 external javascript library 的一部分构建在 Bootstrap 之上。

因此,您必须包含 bootstrap-dialog.jsbootstrap-dialog.min.css (或相应的最小版本)。您可以按照自述文件自行构建文件,或者从 dist 的 js 和 css 子文件夹中获取它们。文件夹。

关于javascript - BootstrapDialog.alert() 未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23118088/

相关文章:

javascript - 将 json 对象打印到嵌套的 html 表中

javascript - Wordpress functions.php 不加载 js 和 css 文件

javascript - 如何在正交渲染中纠正不透明对象的排序顺序

javascript - Ext JS 可以为拖放/调整 UI 大小进行对齐网格吗?

Javascript删除多数组中的冗余

jquery - 通过 jQuery 提交后显示 Django 表单的验证错误 `.ajax`

performance - IE 7 Performance Wise 的 Bootstrap 2 或 Bootstrap 3

html - 在 Bootstrap 3 中将列表包装到新行

javascript - 从 AngularJS 开始还是从 Angular 2 开始?

javascript - 如何从 json 对象键中转义冒号