0

我正在编辑local.xml文件以加载一些 javascript，其中之一是 carosule.js，我只希望它在我的索引页面上，因此我可以使用<cms_index_index>节点，但它是由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>

目前正在按此顺序加载

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

1 回答 1

0

插件的加载不应依赖于文件的加载顺序。您需要在 DOM 完成加载后触发插件的加载，以确保加载所有必要的文件。

假设 init.js 包含这样的内容；

jQuery('#carousel').Carousel({option:optionvalue});

您需要将其包装在代码中以在 DOM 完成加载时运行，如下所示；

jQuery(window).ready(function () {
    jQuery('#carousel').Carousel({option:optionvalue});
});

见https://api.jquery.com/ready/

于 2015-05-26T09:36:04.867 回答