7

我通过以下方式将 JQuery 加载到我的 TYPO3 页面中：

page.headerData.10.value = <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

我包括我的 javascript 是这样的：

page.includeJS {
  file20 = fileadmin/templates/myjq.js
}

重点是，我需要先加载 JQuery。但是 TYPO3 把它放在我的脚本之后。我如何得到它交换？

谢谢

4

3 回答 3

16

您不想以这种方式包含 JQuery；采用

page.includeJSlibs.jquery.external = 1
page.includeJSlibs.jquery = //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

反而。

http://typo3.org/documentation/document-library/core-documentation/doc_core_tsref/4.3.2/view/1/6/

编辑 使用没有特定协议（http 或 https）的 URL 确保包含在 SSL 和非 SSL 站点上都有效。

于 2011-02-20T11:36:24.910 回答
7

Patrick Schriner 的小插件，可以一次性包含所有 js 文件。它还将确保首先加载选定的文件。

您可以添加一行 (forOnTop) 以强制将您的 jQuery 包含在顶部。其他 javascript 似乎更经常被包含在最后以加速页面的加载。在这个例子中，我包含了几个文件。jQuery的特定是jQuery[forceOnTop] to ...好吧，我猜是自我解释。

includeJS {
   1 = fileadmin/templates/website/scripts/javascript.js
   2 = EXT:ogelementslide/res/jquery.easing.1.3.js
   3 = EXT:ogelementslide/res/jquery.easing.compatibility.js
   4 = EXT:ogelementslide/res/jquery.bxSlider.min.js
   jquery = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js
   jquery.external = 1
   jquery.forceOnTop = 1
}

请注意，数字 1-4 和 jQuery 是等价的。我本可以写 5 而不是 jQuery。在那种情况下，它本来是：

includeJS {
   1 = fileadmin/templates/website/scripts/javascript.js
   2 = EXT:ogelementslide/res/jquery.easing.1.3.js
   3 = EXT:ogelementslide/res/jquery.easing.compatibility.js
   4 = EXT:ogelementslide/res/jquery.bxSlider.min.js
   5 = http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js
   5.external = 1
   5.forceOnTop = 1
}

BR。安德斯

于 2011-09-02T09:47:25.283 回答
6 
page.headerData.10 = TEXT    
page.headerData.10.value (
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     <script type="text/javascript" src="fileadmin/templates/myjq.js"></script>
    )

是的，您在这里需要圆括号 :) 除了 TEXT，您还可以使用 HTML。

编辑：你也可以这样做

page.headerData.10.value = <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
page.headerData.20.value = <script type="text/javascript" src="fileadmin/templates/myjq.js"></script>
于 2010-08-27T09:43:11.837 回答