Magento没有按我想要的顺序加载我的脚本
我正在编辑Magento没有按我想要的顺序加载我的脚本,magento,magento-layout-xml,Magento,Magento Layout Xml,我正在编辑local.xml文件以加载一些javascript,其中一个是carosule.js,我只希望它出现在我的索引页上,这样我就可以使用节点,但它是由init.js实例化的。我怎样才能按我想要的顺序加载它们 <cms_index_index> <reference name="head"> <action method="addItem"> <type>skin_js<
local.xml
文件以加载一些javascript,其中一个是carosule.js,我只希望它出现在我的索引页上,这样我就可以使用
节点,但它是由init.js
实例化的。我怎样才能按我想要的顺序加载它们
<cms_index_index>
<reference name="head">
<action method="addItem">
<type>skin_js</type>
<name>js/mycaro.js</name>
</action>
</reference>
</cms_index_index>
<default>
<reference name="head">
<action method="addItem">
<type>skin_js</type>
<name>js/jquery.min.js</name>
</action>
<action method="addItem">
<type>skin_js</type>
<name>js/init.js</name>
</action>
</reference>
</default>
皮肤
js/mycaro.js
皮肤
js/jquery.min.js
皮肤
js/init.js
目前正在按此顺序加载
<script type="text/javascript" src="http://localhost/m/skin/frontend/hs1st/default/js/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/m/skin/frontend/hs1st/default/js/init.js"></script>
<script type="text/javascript" src="http://localhost/m/skin/frontend/hs1st/default/js/mycaro.js"></script>
插件的加载不应取决于文件的加载顺序。您需要在DOM完成加载后触发插件的加载,以确保加载了所有必需的文件 假设init.js包含如下内容:
jQuery('#carousel').Carousel({option:optionvalue});
jQuery(window).ready(function () {
jQuery('#carousel').Carousel({option:optionvalue});
});
您需要将其包装在代码中,以便在DOM完成加载后运行,如下所示
jQuery('#carousel').Carousel({option:optionvalue});
jQuery(window).ready(function () {
jQuery('#carousel').Carousel({option:optionvalue});
});
请参见可能的副本