Question

我正在使用基础来构建一个基本网站，但我遇到了一个有点奇怪的问题...我似乎无法加载jQuery而不是chrome或firefox（我试过没有其他）。

提示我jQuery无法加载的是错误消息：

错误： ReferenceError：$未定义

我在模板末尾调用函数基础：

  <script>
    $(document).foundation();
  </script>

但在此之前，在页脚之后（在其他.js之前）：

  <script>
      document.write('<script src="/js/vendor/'
        + ('__proto__' in {} ? 'zepto' : 'jquery')
        + '.js"><\/script>');
  </script>

这是调用jQuery或Zepto。但是担心这个功能可能不起作用（我不是javascript专家......）我插手：

  <script src="http://code.jquery.com/jquery-latest.js"></script>

代码和其他变体...但似乎没有任何效果。

此外，我还在其他项目中使用Bootstrap，我注意到像工具提示和其他东西这样的小细节通常有用，但没有正确的设计。我不确定它与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>

Answer 1

检查jQuery库是否实际加载。根据您的浏览器设置，如果您从本地加载计算机，有时浏览器会阻止来自远程源的脚本。

您可以查看控制台以检查它。

Answer 2

您必须等待文档就绪事件。试试这个：

<script>
$(function() {
   $(document).foundation();
});
</script>

Answer 3

确保没有jQuery.noConflict（）;在jquery.js的最后一行

Answer 4

通常，jQuery库或Zepto库尽可能在页面中插入，就在结束标记之前。

请务必在包含jQuery / Zepto的行之后插入脚本：

<script>
  document.write('<script src=/js/vendor/' +
  ('__proto__' in {} ? 'zepto' : 'jquery') +
  '.js><\/script>')
</script>

Answer 5

您可以重新初始化它：
（文档）$ .foundation（＆＃39;提示＆＃39）;

ReferenceError：$未定义 - jQuery无法在我的计算机上运行

5 个答案: