2013-03-18 116 views
3

我一直在試圖理解如何使用jQuery插件curtain.js(https://github.com/victa/curtain.js)。Understanding curtain.js

我試圖按照指示,但我必須做錯事,因爲我無法讓它工作。

也許問題是別的東西,但我寫的jQuery是:

$(function() { 
    $('.curtains').curtain({ 
     scrollSpeed: 400 
    }); 
}); 

我做了一個小提琴,所以你可以看到代碼我現在有。 小提琴在這裏:http://jsfiddle.net/NvGgW/1/

任何幫助將非常受歡迎。 謝謝!

+0

您需要添加curtain.js爲您小提琴的資源。 – Jack 2013-03-18 14:14:01

+0

你的小提琴沒有鏈接到插件的實際副本。 – Blazemonger 2013-03-18 14:14:56

回答

5

我認爲你正在做的一切OK,它只是沒有與最新版本的jQuery的工作,與Jquery 1.7.2工作好,我已經改變了你的小提琴,幷包括在JS窗口插件的副本:

http://jsfiddle.net/jamesking/NvGgW/3/

<ol class="curtains"> 
<li id="One" class="sectionOne"> 
    <h1>SECTION ONE</h1> 
</li><!-- end #sectionOne --> 
<li id="Two" class="sectionTwo"> 
    <h1>SECTION TWO</h1> 
</li><!-- end #sectionTwo --> 
<li id="Three" class="sectionThree"> 
    <h1>SECTION THREE</h1> 
</li><!-- end #sectionThree --> 
<li id="Four" class="sectionFour"> 
    <h1>SECTION FOUR</h1> 
</li><!-- end #sectionFour --> 
</ol> 
+0

啊!謝謝!那已經做到了! =) – 2013-03-18 14:26:43

相關問題