2013-02-02 2 views

답변

1

실수가 2 번 있습니다. 첫 번째는 DOM이 준비되기 전에 Scrollable을 인스턴스화하여 요소가 존재하지 않는다는 것입니다. 따라서 스크립트 태그를 본문의 끝으로 이동하거나 이벤트 수신기에서 래핑해야합니다. I.E :

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

두 번째 문제는 플러그인에 몇 가지 종속성이 있다는 것입니다. 이 경우 MooTools의 Slider, Element.Measure, Element.Shortcuts를 추가해야합니다. http://mootools.net/more/으로 이동하여 3 개의 모듈을 선택할 수 있습니다. 파일을 다운로드하고 포함을 Mootools의 코어 및 스크롤 사이 당신의 머리에 : 당신은 정의 할 때 일반적으로

<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> 
관련 문제