我会保持简单....在我的产品页面上，我需要删除prototype.js 文件并将其替换为最新版本的原型。到目前为止，使用 local.xml 我已经成功地用这个替换了它：
<action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
<action method="addJs"><script>prototype/prototype-new.js</script></action>
问题在于，现在原型加载到了其他所有内容的下方，这会导致它停止工作。
有没有一种方法可以使用 local.xml 设置 JavaScript 的顺序，而无需再次删除和添加每个文件？
【问题讨论】：
标签： javascript magento
您可以使用 params 元素，其中包含“data-group” HTML 属性，Magento 会将设置了“params”的项目放在任何没有设置“params”的项目之后。您可以在主题中使用 local.xml 来确保这些元素的顺序（我建议让 Magento 先添加其标准文件）：
<action method="addJs">
<script>prototype/javascript0.js</script>
<params><![CDATA[data-group="js002"]]></params>
<!-- creates first group js002 -->
</action>
<action method="addJs">
<script>prototype/javascript1.js</script>
<params><![CDATA[data-group="js002"]]></params>
<!-- appends to created group js002, after javascript0 -->
</action>
<action method="addJs">
<script>prototype/javascript2.js</script>
<params><![CDATA[data-group="js001"]]></params>
<!-- creates first group js001 -->
</action>
<action method="addJs">
<script>prototype/javascript3.js</script>
<params><![CDATA[data-group="js001"]]></params>
<!-- appends to created group js001, after javascript2 -->
</action>
<action method="addJs">
<script>prototype/javascript4.js</script>
<params><![CDATA[data-group="js002"]]></params>
<!-- appends to created group js002, after javascript1 -->
</action>
<action method="addJs">
<script>prototype/javascript5.js</script>
<!-- no params supplied, will be rendered before any groups -->
</action>
设置了“params”的元素的呈现顺序仅由执行操作的顺序决定。项目按“params”的值分组呈现，因此一旦第一个操作（javascript2.js）定义了组“js001”，具有相同组名的后续操作将附加到该组，等等。
在上面的例子中，渲染的顺序是：
使用 addItem addJs、addCss 等添加的项目以相同的方式受到威胁，但是它们按类型不同（并将相应地进行超分组）（请参见下面的顺序），超组中的每个组在内部排序为上面解释过：
【讨论】：
krsort($items)
Mage_Page_Block_Html_Head $_data;保存这些项目的数组，所以我想你可以为自己的利益过滤它。默认方法不允许定义添加项目的顺序。
【讨论】：
我意识到这篇文章已经很老了，但是我在研究这个问题时偶然发现了它，所以我想为什么不这样做。
不确定这是否是最优雅的解决方案，但它对我们来说足够好。
我基本上在我的local.xml 中创建了一个新块，如下所示：
<block type="core/template" name="prehead" template="page/html/prehead/main.phtml" />
然后只是修改了我的主要布局（1column.phtml 和朋友）以包含以下内容：
<head>
<?php echo $this->getBlockHtml('prehead') ?>
<?php echo $this->getChildHtml('head') ?>
</head>
在main.phtml我添加我想先加载的JS
<script type='text/javascript' src='<?php echo $this->getSkinUrl('js/require.js', array('_secure'=>true)); ?>'></script>
<script type='text/javascript' src='<?php echo $this->getSkinUrl('js/main.js', array('_secure'=>true)); ?>'></script>
这对我们来说也很方便，因为它仍然允许我们根据我们所在的页面更改 main.js，方法是在 local.xml 中执行类似的操作：
<checkout_onestep_index translate="label">
<label>One Step Checkout</label>
<block type="core/template" name="prehead" template="page/html/prehead/checkout.phtml" />
</checkout_onestep_index>
希望它对碰巧遇到此问题的人有所帮助。
-肯
【讨论】：
由于local.xml是magento系统最后加载的，所以这里提到的xml最后被合并了。这可能是您的新原型加载到其他脚本下方的原因。
或者，您可以覆盖 Mage_Page_Block_Html_Head::getCssJsHtml() 方法并使用它。
谢谢
【讨论】：
好的，这是我的解决方案。 先复制app\code\core\Mage\Page\Block\Html\head.php到app\code\local\Mage\Page\Block\Html\head.php
然后将此函数添加到文件中：
public function replaceItem($type, $name, $replace)
{
$newArray = array();
foreach($this->_data['items'] as $key => $value) {
if($key == $type.'/'.$name) {
$newArray[$type . '/'. $replace] = array(
'type' => $type,
'name' => $replace,
'params' => $value['params'],
'if' => $value['if'],
'cond' => $value['cond']);
} else {
$newArray[$key] = $value;
}
}
$this->_data['items'] = $newArray;
return $this;
}
现在在您的 .XML 布局文件中包含这样的一行：
<action method="replaceItem"><type>js</type><name>prototype/prototype.js</name><replace>onestepcheckout/prototype/prototype.js</replace></action>
参数与 removeItem 完全相同，但现在替换文件将被注入到列表中与原始文件相同的位置。它还将继承相同的参数、if 和 cond 值。请谨慎使用此代码，因为我只是在上面编写并完成了基本测试！
【讨论】：
我认为 Barny Shergold 的解决方案是最正确的，但是关于避免更改核心文件的评论是正确的。为了两全其美，您可以在扩展 Mage_Page_Block_Html_Head 类的模块中实现 Barny 的解决方案，如下所示：
您的公司/Layouthelper/etc/config.xml
<?xml version="1.0"?>
<config>
<modules>
<Yourcompany_Layouthelper>
<version>0.0.1</version>
</Yourcompany_Layouthelper>
</modules>
<global>
<blocks>
<page>
<rewrite>
<html_head>Yourcompany_Layouthelper_Block_Html_Head</html_head>
</rewrite>
</page>
</blocks>
</global>
</config>
Yourcompany/Layouthelper/Block/Html/Head.php
class Yourcompany_Layouthelper_Block_Html_Head extends Mage_Page_Block_Html_Head {
public function replaceItem($type, $name, $replace) {
$newArray = array();
foreach($this->_data['items'] as $key => $value) {
if($key == $type.'/'.$name) {
$newArray[$type . '/'. $replace] = array(
'type' => $type,
'name' => $replace,
'params' => $value['params'],
'if' => $value['if'],
'cond' => $value['cond']);
} else {
$newArray[$key] = $value;
}
}
$this->_data['items'] = $newArray;
return $this;
}
}
【讨论】：
jquery 与 magento 中的 Prototype 冲突：
最简单的解决方案是在主 jquery 文件的末尾添加。
jQuery.noConflict();
或者创建您的自定义 js 文件并添加此行，并在主 js 之后包含此文件。
【讨论】：