0

ページでmootoolsscrollable（http://mootools.net/forge/p/scrollable）を使用しましたが、機能しません。私のページ：http ：//neyriz.net/moo/ id = "right"のdivに使用したのに、なぜ機能しないのですか？

4

1 に答える 1

1

あなたは2つの間違いを犯しています。1つ目は、DOMの準備が整う前にScrollableをインスタンス化しようとするため、要素が存在しないことです。したがって、スクリプトタグを本文の最後に移動するか、イベントリスナーでラップする必要があります。IE：

window.addEvent('domready', function() {
    var myScrollable = new Scrollable($('right'));
});

2番目の問題は、プラグインにいくつかの依存関係があることです。この場合、MooToolsのSlider、Element.Measure、Element.Shortcutsをさらに含める必要があります。http://mootools.net/more/にアクセスして、これら3つのモジュールを選択できます。ファイルをダウンロードして、mootools-coreとscrollableの間の頭に含めます。

<script type="text/javascript" src="mootools-core.js"></script>
<script type="text/javascript" src="mootools-more.js"></script> INSERT MOOTOOLS MORE HERE!
<script type="text/javascript" src="scrollable.js"></script>

一般に、本文の前にJSファイルを定義してロードする方が適切です。したがって、次のようになります。

<html>
    <head><title>My awesome page</title></head>
    <body>
        <h1>My awesome page</h1>
        <p>Some text</p>
        <script type="text/javascript" src="mootools-core.js"></script>
        <script type="text/javascript" src="mootools-more.js"></script> INSERT MOOTOOLS MORE HERE!
        <script type="text/javascript" src="scrollable.js"></script>
    </body>
</html>
于 2013-02-03T13:23:19.923 に答える