2010-08-23 20 views
7

我加載的JQuery到我TYPO3頁面通過包括之前加載:TYPO3:度日「headerData」包括一個JavaScript一個由「includeJS」

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把它放在我的腳本之後。 我如何讓它交換?

感謝

回答

15

你不希望包括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/

編輯 使用URL沒有一個具體的協議(HTTP或HTTPS),確保納入工作在SSL和非SSL的站點。

+4

從CDN加載庫時請記住避免使用任何協議...... – 2013-11-13 15:53:49

+0

@ YeppThat'sMe我從上面的示例中刪除了該協議。 – 2014-09-24 18:06:37

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> 
    ) 

是的,你需要在這裏圓括號:)而不是文本的你也可以使用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> 
7

Patrick Schriner的小插件,一次性包含所有js文件。它還會確保選定的文件首先被加載。

你可以添加一行(forOnTop)來強制你的jQuery被包含在最上面。其他JavaScript經常被包含在最後以加快頁面的加載速度。在這個例子中,我包含了幾個文件。具體的jQuery是jQuery [forceOnTop] ...以及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是等價的。我可以寫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。 Anders