Bootbox示例不起作用

时间:2015-04-07 17:41:34

标签: twitter-bootstrap bootstrap-modal bootbox

我遇到问题我无法在本地主机上运行这个简单的Bootbox示例。有人知道我为什么不能这样做吗?谢谢:)我正在使用wamp服务器和其他页面正常使用bootstrap,但这个bootbox我第一次使用,按下按钮后没有Alert消息。

我的代码在这里: http://pastebin.com/Mctq19Ya

             <!DOCTYPE html>
                <html>
                    <head>
                        <meta charset="utf-8">
                        <title>My page</title>


                            <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
                            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
                            <script src="bootstrap.min.js"></script>
                            <script src="https://raw.github.com/makeusabrew/bootbox/v2.5.1/bootbox.min.js"></script>
                            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
                            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
                            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
                    </head>
                    <body>
                        <input type="button" class="btn-success btn-lg" id="boxik" value="button" />
                        <script>
                            jQuery("#boxik").on("click", function() {
                            bootbox.alert("Hello world!", function() {
                            console.log("Alert Callback");
                                 });
                                });
                        </script>
                    </body>
                </html>

1 个答案:

答案 0 :(得分:0)

尝试放, script src =&#34; bootstrap.min.js&#34; 引导链接后...... 因为bootstrap和样式应该先加载。然后只有&#39; js&#39;文件