ReferenceError:$未定义-jQuery在我的计算机上不工作 我用基金会来建立一个基本的网站,但是我陷入了一个怪异的问题…我似乎无法在chrome和firefox中加载jQuery(我没有尝试其他版本)
提示我jQuery不加载的是错误消息: 错误:ReferenceError:$未定义 我在模板结尾调用函数基础:ReferenceError:$未定义-jQuery在我的计算机上不工作 我用基金会来建立一个基本的网站,但是我陷入了一个怪异的问题…我似乎无法在chrome和firefox中加载jQuery(我没有尝试其他版本),jquery,zurb-foundation,Jquery,Zurb Foundation,提示我jQuery不加载的是错误消息: 错误:ReferenceError:$未定义 我在模板结尾调用函数基础: <script> $(document).foundation(); </script> $(document.foundation(); 但在此之前,在页脚之后(在other.js之前): 文件。写(“”); 这是为了调用jQuery或Zepto。但由于担心此函数可能无法工作(我不是javascript专家…),我插入: <
<script>
$(document).foundation();
</script>
$(document.foundation();
但在此之前,在页脚之后(在other.js之前):
文件。写(“”);
这是为了调用jQuery或Zepto。但由于担心此函数可能无法工作(我不是javascript专家…),我插入:
<script src="http://code.jquery.com/jquery-latest.js"></script>
到代码和其他变体。。。但似乎什么都不管用
此外,我还在其他项目中使用引导,我注意到工具提示和其他东西之类的小细节通常可以工作,但设计不正确。我不确定它是否与jQuery无关
我知道这是一种奇怪的假设,但有没有可能我的计算机不能正常使用jQuery?
我之所以相信这一点,是因为我在电脑中编写的代码在这里不太好用(如引导工具提示),但在我朋友的电脑中却很好用
无法工作的完整代码:
<!-- End Header and Nav -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<script>
document.write('<script src="/Foundation_custom/js/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js"><\/script>');
</script>
-->
<!-- <script src="/Foundation_custom/js/foundation.min.js"></script>-->
<script src="/Foundation_custom/js/foundation/foundation.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.alerts.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.clearing.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.cookie.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.dropdown.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.forms.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.joyride.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.magellan.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.orbit.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.placeholder.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.reveal.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.section.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.tooltips.js"></script>
<script src="/Foundation_custom/js/foundation/foundation.topbar.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
$(document.foundation();
检查jQuery库是否正在实际加载。根据浏览器设置,如果从计算机本地加载,有时浏览器会阻止来自远程源的脚本
您可以查看控制台以进行检查。您必须等待document ready事件。试试这个:
<script>
$(function() {
$(document).foundation();
});
</script>
$(函数(){
$(document.foundation();
});
确保没有jQuery.noConflict();在jquery.js的最后一行,jquery库或Zepto库通常插入到页面中尽可能低的位置,就在结束标记之前
确保在包含jQuery/Zepto的行之后插入脚本:
<script>
document.write('<script src=/js/vendor/' +
('__proto__' in {} ? 'zepto' : 'jquery') +
'.js><\/script>')
</script>
文件。写入(“”)
您可以重新初始化它:$(文档).foundation(“工具提示”) 检查“网络”选项卡,查看是否正在加载jQuery库。还要确保jQuery脚本位于所有其他脚本之前。chrome中的“网络”选项卡最后只显示警告标志:未捕获任何请求。重新加载页面以查看有关网络活动的详细信息。。。。保持控制台打开并重新加载页面。您是否可以提供一些有关本地设置的详细信息?您是否在MAMP/WAMP/LAMP中使用Apache?。我已经设置了,jQuery正在正确加载。抱歉,我刚刚重新检查,实际上我在jQuery上得到了状态304(未修改)。未能加载所有其他.js插件。我在chrome中遇到了错误:UncaughtTypeError对象[Object Object]没有方法'foundation',我认为从chrome开发者工具中的网络选项卡判断,它的加载是正确的。提供304状态(未修改)。是否尝试从其他源加载它?例如,
http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
您是否仍然收到相同的错误:错误:ReferenceError:$未定义
它已经很好了。抱歉,路径有问题。。。我不得不写所有的C:/。。。使.js文件工作并识别变量。最初jQuery不工作也是因为它无法识别其路径。谢谢你的提示!
<script>
document.write('<script src=/js/vendor/' +
('__proto__' in {} ? 'zepto' : 'jquery') +
'.js><\/script>')
</script>