3

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

提示我 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>
4

5 回答 5

2

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

你可以看看控制台来检查一下。

于 2013-04-05T16:38:55.057 回答
1

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

<script>
$(function() {
   $(document).foundation();
});
</script>
于 2013-04-07T10:20:43.993 回答
0

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

于 2013-06-24T20:39:02.770 回答
0

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

确保在包含 jQuery/Zepto 的行之后插入脚本：

<script>
  document.write('<script src=/js/vendor/' +
  ('__proto__' in {} ? 'zepto' : 'jquery') +
  '.js><\/script>')
</script>
于 2014-07-09T16:28:53.600 回答
0

您可以重新初始化它：
$(document).foundation('tooltip');

于 2014-12-09T09:51:44.113 回答