typo3:「headerdata」に含まれているJavaScriptを入手して、「includejs」に含まれる前にロードする前にロードします
-
30-09-2019 - |
質問
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は私のスクリプトの後にそれを置きます。どうすれば交換できますか?
ありがとう
解決
そのように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サイトの両方で機能することを確認します。
他のヒント
Patrick Schrinerへの小さなアドオンは、すべてのJSファイルを一度に含める。また、選択したファイルが最初にロードされることを確認します。
(forontop)行を追加して、jqueryを上に含めるように強制することができます。それ以外の場合、JavaScriptは、ページの負荷をスピードアップするために最後に含まれるように見えることがよくあります。この例には、いくつかのファイルが含まれています。 jQueryに固有のjquery [forcontop] to ...まあ、Selvは私が推測しています。
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が同等であることに注意してください。 jqueryの代わりに5を書くことができたでしょう。その場合、それは次のとおりです。
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。アンダース
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>
)
そして、はい、ここで丸いブレースが必要です:)テキストの代わりに、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>