0

javascript をロードするためにファイルを編集しています。そのうちの 1 つは carosule.js で、ノードlocal.xmlを使用できるようにインデックス ページでのみ使用したいのですが、.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 に答える