jquery - 了解窗帘.js

Question

我一直在尝试了解如何使用 jQuery 插件窗帘.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>