【问题标题】:How to use jQuery in HTML when jQuery loads at the bottom?jQuery在底部加载时如何在HTML中使用jQuery?
【发布时间】:2015-10-29 23:20:40
【问题描述】:

据此:

https://developer.yahoo.com/blogs/ydn/high-performance-sites-rule-6-move-scripts-bottom-7200.html

但是让我们想象一个 MVC 系统。你在体内,并尝试使用$(document).ready。由于未加载 jQuery,因此它将无法工作。然后呢?

编辑:所以

<body>
here I need jQuery. But it wont works since its not loaded. Then how to workaround this?
</body>
<script src='jquery>

【问题讨论】:

  • 在文章中它指出“从顶部到尽可能低的页面”,这似乎是如果您需要 jQuery,请尽快加载它。
  • ...那么您还没有将该脚本移到底部。
  • 我认为它的开头很糟糕,“描述了页面底部附近的样式表”。这实际上不是有效的 HTML,反正当时也不是,scoped 即使现在也几乎没有支持。

标签: jquery html


【解决方案1】:

您似乎将脚本语句的物理位置与逻辑可用性混淆了。任何在 jQuery 加载后执行的脚本都可以使用 jQuery,无论它是否由在页面中显示的物理位置高于加载 jQuery 的标签的标签加载。

【讨论】:

    【解决方案2】:

    它会解析文件,你仍然可以使用 jQuery。如果你有一个需要 jQuery 的自定义脚本(如果你使用的是 MVC 框架,你应该这样做),请确保首先解析 jQuery。

    像这样:

    <script src="js/jquery.js"></script>
    <script src="js/script.js"></script>
    

    【讨论】:

      【解决方案3】:

      MVC 不相关。 MVC 是服务器端技术,jQuery 是浏览器端技术。 jQuery 将在由 PHP、MVC、经典 ASP 或纯 HTML 文本文档或您的浏览器可以呈现的任何其他内容生成的页面上运行。

      这个 OP 的问题是重复的,并在以下位置得到回答: jQuery: Why use document.ready if external JS at bottom of page?

      【讨论】:

      • MVC 现在包括客户端框架,例如 AngularJS、Ember.js、JavaScriptMVC 和 Backbone。
      • 几乎是好的答案。但是如果我不需要 .ready,我仍然需要 jQuery 来附加事件与
      • Studio 现在在模板中提供了这些东西,是的。但是,那些不是 jQuery 并且 ($(document) 是 OP 所要求的。正如我所说,OP 的答案在于另一个 SO 帖子。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-09-21
      • 2012-05-17
      • 1970-01-01
      • 1970-01-01
      • 2015-03-03
      • 1970-01-01
      相关资源
      最近更新 更多