Question

在我的以下网站上，与javascript（使用bootstrap框架）相关的每个功能都无法正常工作。今天当我开始研究它时，应用程序工作正常，我在网站上更改的唯一可能影响页面本身/网站包含的所有页面的东西是我在添加一个简单的绿色按钮时编辑的导航栏，当我删除它不会修复错误。我一直在搜索和测试几天，但找不到解决方案。

每当我查看错误日志时，都会出现一个简单的错误

ReferenceError：$未定义（index.php：110）

指的是

<script type="text/javascript" >
        $(document).ready(function() {        
    $('.carousel').carousel()
        });
</script>

只会影响主页，因为该文件不会在网站的任何其他部分调用。

但是，由于我不知道从哪里开始搜索此错误的代码，我不能在这里发布整个代码。但是，可以在上面的链接上查看。我实际上只是在寻找一个位置来开始修复或寻找一些拼写错误或其他什么，但我感到困惑，因为它在我添加一个不影响网站状态的PHP脚本之前有效。

任何线索？谢谢你的回答。

Answer 1

您忘了加载jQuery库。请确保在所有javascript代码之前和引导库之前加载它。

您应该在jQuery之后加载bootstrap，并且只有在加载jquery.js和bootstrap.js后才能执行以下代码

$(document).ready(function() {        
    $('.carousel').carousel()
});

注意：任何代码都与$链接到jQuery有关，所以你必须在jQuery库之后（而不是之前）使用它。我建议您在</body>代码

之前使用所有Javascript代码

Answer 2

jQuery库尚未加载 - 或者根本没有加载。

Answer 3

我的猜测是jquery文件没有正确链接。

你必须考虑你的主html必须链接到自定义的javascript代码和一个javascript库代码，它可以托管在你的本地服务器或互联网的某个地方。

确保你的Html文件正文中有这样的内容，之前你的自定义js代码：

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

Javascript ReferenceError：$未使用bootstrap框架定义

3 个答案: