jquery - 理解窗帘.js

Question

我一直在尝试了解如何使用 jQuery 插件 curve.js ( https://github.com/victa/curtain.js )。

我尝试按照说明进行操作，但我一定做错了什么，因为我无法让它工作。

也许问题出在别的地方，但我写的jquery是:

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

我做了一个 fiddle ，这样你就可以看到我现在的代码。 fiddle 在这里:http://jsfiddle.net/NvGgW/1/

非常欢迎任何帮助。谢谢!

Answer 1

我认为你做的一切都很好，它只是不适用于最新版本的 jquery，可以使用 Jquery 1.7.2，我已经为你更改了你的 fiddle ，并在 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>