了解curtain.js

Question

我一直在努力了解如何使用jQuery插件curtain.js（https://github.com/victa/curtain.js）。

我试图按照指示行事，但我必须做错事，因为我无法让它发挥作用。

也许问题出在其他方面，但我写的jquery是：

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

我做了一个小提琴，所以你可以看到我现在的代码。 小提琴在这里：http://jsfiddle.net/NvGgW/1/

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

Answer 1

我认为你正在做的一切都好，它只是不能使用最新版本的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>