Question

我对mootools很新，我发现动画比jquery更快/更顺畅所以我决定尝试一下。

我不明白为什么以下代码无效，它正在使用jsfiddle与Mootools核心和Mootools更多1.3.1

<html>
<head>


<script src="mootools-more-1.3.1.1.js" type="text/javascript"></script>
<script src="mootools-core-1.3.1-full-compat.js" type="text/javascript"></script>

<script type="text/javascript">
window.addEvent('domready', function() {

    var myVerticalSlide = new Fx.Slide('paragraph', {mode:'horizontal'}) ;


    $('v_slideout').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.toggle();
    });



});

</script>
</head>
<body>
<div id="paragraph">This is a paragraph.</div>
<a id="v_slideout" href="#">Test</a>

</body>
</html>

似乎无法弄清楚，我只能在jsfiddle上使用它。任何建议都表示赞赏。

修改：http://jsfiddle.net/F54s3/＆lt;＆lt;它在FF中不起作用，但它仍然可以做一些事情，但在Opera上似乎很好。我可能搞砸了代码，因为我对它很陌生，但我想弄清楚为什么它在jsfiddle上运行并且不能在我的index.html上运行。

Answer 1

您的脚本的顺序包含对我来说可疑：

<script src="mootools-more-1.3.1.1.js" type="text/javascript"></script>
<script src="mootools-core-1.3.1-full-compat.js" type="text/javascript"></script>

mootools-core文件不应该先出现吗？

例如：

http://jsfiddle.net/AxJq9/（抛出Javascript错误）

<script src="http://mootools.net/assets/scripts/mootools.more.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools.js" type="text/javascript"></script>

http://jsfiddle.net/AxJq9/1/（不会抛出错误）

<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.1/mootools.js" type="text/javascript"></script>
<script src="http://mootools.net/assets/scripts/mootools.more.js" type="text/javascript"></script>

MooTools：Fx.slide无法使其工作

1 个答案: