ReferenceError:$未定义-jQuery在我的计算机上不工作 我用基金会来建立一个基本的网站,但是我陷入了一个怪异的问题…我似乎无法在chrome和firefox中加载jQuery(我没有尝试其他版本)

ReferenceError:$未定义-jQuery在我的计算机上不工作 我用基金会来建立一个基本的网站,但是我陷入了一个怪异的问题…我似乎无法在chrome和firefox中加载jQuery(我没有尝试其他版本),jquery,zurb-foundation,Jquery,Zurb Foundation,提示我jQuery不加载的是错误消息: 错误:ReferenceError:$未定义 我在模板结尾调用函数基础: <script> $(document).foundation(); </script> $(document.foundation(); 但在此之前,在页脚之后(在other.js之前): 文件。写(“”); 这是为了调用jQuery或Zepto。但由于担心此函数可能无法工作(我不是javascript专家…),我插入: <

提示我jQuery不加载的是错误消息:

错误:ReferenceError:$未定义

我在模板结尾调用函数基础:

  <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>