jQuery 和 Bootstrap 不工作？答案

【问题标题】：jQuery & Bootstrap not working?jQuery 和 Bootstrap 不工作？
【发布时间】：2015-08-04 01:34:57
【问题描述】：

我最近开始为我的网站使用/学习 bootstrap 和 jQuery，同时我也在寻找想法。我遇到了引导对话框，我认为这些对话框可以帮助我使我的网站更加现代化。当我在站点中测试代码时，sn-ps 它。 jquery 似乎没有任何响应。

<li id="Login"><a href="#">Login</a></li>

php 正在打印上面的这个 li 标签。下面的代码放在body标签中

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

<script>
$(document).ready(function(){
    $("#Login").click(function(){
        BootstrapDialog.show({
        message: 'Hi Apple!'
    });
    });
});
</script>

如果出现错误，我们非常感谢代码示例，因为我真的不知道自己做错了什么。

编辑：我忘了提到我从http://nakupanda.github.io/bootstrap3-dialog/#available-options得到了sn-ps

【问题讨论】：

您是否在控制台中遇到任何错误？确保在 js/ 目录中有 jquery.js 和 bootstrap.min.js
我从 w3schools 获得了 sn-ps，它们似乎对我来说工作正常，并且这些文件正确放置在各自的目录中
在浏览器控制台检查错误
我搜索了如何检查 jquery 错误，我似乎遇到了一个错误，即“未捕获的 ReferenceError：未定义 BootstrapDialog”。如何解决此错误？
你能展示你自己的图书馆吗？也许需要修正你如何称呼你的图书馆......

标签： javascript php jquery twitter-bootstrap

【解决方案1】：

您没有包含 bootstrap-dialog.js。

我尝试将您的代码运行到 jsfiddle 中，它给了我ReferenceError: BootstrapDialog is not defined

您可以在 nakupanda 的 github 帐户上找到 bootstrap-dialog-js：https://github.com/nakupanda/bootstrap3-dialog/tree/master/src/js

【讨论】：

@DeathKing 如果你的问题解决了，你可以接受这个答案

【解决方案2】：

像这样替换你的代码并显示结果

    <script>
$(document).ready(function(){
$("#Login").on('click', function(event){
    BootstrapDialog.show({
    message: 'Hi Apple!'
    });
});
});

</script>

【讨论】：