0

我在我的页面上使用了 mootools 可滚动（http://mootools.net/forge/p/scrollable），但它不起作用。我的页面： http: //neyriz.net/moo/ 我将它用于 id="right" 的 div 为什么它不起作用？

4

1 回答 1

1

你犯了2个错误。第一个是您尝试在 DOM 准备好之前实例化 Scrollable，因此您的元素不存在。因此，您必须将脚本标签移动到正文的末尾，或者将其包装在事件侦听器中。IE：

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

第二个问题是插件有一些依赖。在这种情况下，您需要更多地包括 MooTools 中的 Slider、Element.Measure、Element.Shortcuts。您可以访问http://mootools.net/more/并选择这 3 个模块。下载文件并将其包含在 mootools-core 和可滚动之间：

<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 回答