BootstrapDialog.alert()没有显示出来

时间:2014-04-16 19:08:29

标签: 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>

1 个答案:

答案 0 :(得分:5)

BootstrapDialog不是引导程序库的一部分,它是构建在引导程序之上的external javascript library的一部分。

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