2011-04-16 35 views
0

我對mootools很新,我發現它比jquery更快/更流暢的動畫,所以我決定嘗試一下。MooTools:Fx.slide無法得到它的工作

我不知道爲什麼下面的代碼無法正常工作,它正在用的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/ < <它不工作,因爲它應該在FF,但它仍然做一些事情,在Opera上看起來不錯。 我可能搞砸了代碼,因爲我對它很新,但我想弄清楚爲什麼它在jsfiddle上工作,並且不能在我的index.html上工作。

+0

你或許應該包括的jsfiddle鏈接。 – 2011-04-16 23:39:42

回答

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的核心文件是第一位的?

例如:

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> 
+0

是的,就是這樣。謝謝,我不認爲這會導致問題。 – Tumay 2011-04-16 23:50:18

+0

@Tumay - 沒問題。請投票並點擊我問題旁邊的複選標記。 :) – 2011-04-16 23:50:53