回答:
この回答で説明するように、name属性を含むparams要素を使用して、layout.xml内のファイルskin
またはjs
ファイルの順序を並べ替えることができます。
<action method="addJs"><!-- this will be shown second -->
<script>prototype/javascript1.js</script>
<params><![CDATA[name="js002_second"]]></params>
</action>
<action method="addJs"><!-- this will be shown first -->
<script>prototype/javascript2.js</script>
<params><![CDATA[name="js001_first"]]></params>
</action>
<params><![CDATA[name="zjs_last"]]></params>
何が起こるか試してみてください(100%確実ではありません)。それが他のすべての後にそれをロードしない場合は、報告してください。
追加したjsファイルの並べ替え順序を指定できるとは思いません(どうやら@zigojackoによって提供された回答を見ることができます)。ただし、少し異なる方法で実行できると思いますhead
。ブロックに子ブロックを追加することを購入します。ブロックの
すべての子は、head
jsおよびcss要素の後にレンダリングされます。
ここにあなたが必要なものがあります。
これをレイアウトファイルの1つに追加します。
<reference name="head">
<block type="core/template" name="fancy" as="fancy" template="fancybox/fancybox.phtml" />
</reference>
次にapp/design/frontend/{package}/{theme}/template/fancybox/fancybox.phtml
、次の内容のファイルを作成します。
<script type="text/javascript" src="<?php echo Mage::getBaseUrl('js').'/fancybox.js'?>"></script>
私はこの質問が古いことを知っていますが、これはシンプルなカスタムモジュール(テスト済み)を使用してアセットファイルを注文する簡単な方法です:
つくる
app/etc/modules/Company_ReorderAssets.xml
そして挿入:
<?xml version="1.0"?>
<config>
<modules>
<Company_ReorderAssets>
<active>true</active>
<codePool>local</codePool>
</Company_ReorderAssets>
</modules>
</config>
作成app/code/local/Company/ReorderAssets/etc/config.xml
して挿入:
<?xml version="1.0"?>
<config>
<modules>
<Company_ReorderAssets>
<version>1.0.0</version>
</Company_ReorderAssets>
</modules>
<global>
<blocks>
<class>Company_ReorderAssets_Block</class>
<page>
<rewrite>
<html_head>Company_ReorderAssets_Block_Page_Html_Head</html_head>
</rewrite>
</page>
</blocks>
</global>
</config>
作成ReorderAssets/Block/Page/Html/Head.php
して挿入:
<?php
class Company_ReorderAssets_Block_Page_Html_Head extends Mage_Page_Block_Html_Head {
public function addItemFirst($type, $name, $params = null, $if = null, $cond = null) {
if ($type === 'skin_css' && empty($params)) {
$params = 'media="all"';
}
$firstElement = array();
$firstElement[$type . '/' . $name] = array(
'type' => $type,
'name' => $name,
'params' => $params,
'if' => $if,
'cond' => $cond,
);
$this->_data['items'] = array_merge($firstElement, $this->_data['items']);
return $this;
}
public function addItemAfter($after, $type, $name, $params = null, $if = null, $cond = null) {
if ($type === 'skin_css' && empty($params)) {
$params = 'media="all"';
}
$firstElement = array();
$firstElement[$type . '/' . $name] = array(
'type' => $type,
'name' => $name,
'params' => $params,
'if' => $if,
'cond' => $cond,
);
if (array_key_exists($after, $this->_data['items'])){
$pos = 1;
foreach ($this->_data['items'] as $key => $options){
if ($key == $after) :
break;
endif;
$pos +=1;
}
array_splice($this->_data['items'], $pos, 0, $firstElement);
}
return $this;
}
}
ここで関数を作成しaddItemFirst
、addItemAfter
それをこのように(任意のlayout.xml内で)使用できます。
layout.xmlの例:
<?xml version="1.0"?>
<layout version="0.1.0">
<default>
<reference name="head">
<action method="addItemFirst"><type>skin_js</type><script>js/jquery.js</script></action>
<action method="addItemAfter">
<after>skin_js/js/jquery.js</after>
<type>skin_js</type>
<script>custom_folder/javascript.js</script>
</action>
<action method="addItemAfter">
<after>skin_js/js/jquery.js</after>
<type>skin_js</type>
<script>custom_folder/another_javascript.js</script>
</action>
</reference>
</default>
</layout>
パス内のskin_jsに注意してください。
Koncz Szabolcsに特に感謝します。