Jquery 理解窗帘.js

Jquery 理解窗帘.js,jquery,jquery-plugins,parallax,Jquery,Jquery Plugins,Parallax,我一直在试图理解如何使用jQuery插件窗帘.js() 我试着按照指示去做,但我一定是做错了什么,因为我不能让它工作 也许问题出在其他方面,但我编写的jquery是: $(function () { $('.curtains').curtain({ scrollSpeed: 400 }); }); 我做了一把小提琴,你可以看到我现在的代码。 小提琴在这里: 欢迎任何帮助。 谢谢大家! 我认为你做的一切都很好,只是在最新版本的jquery中不起作用,在jquery

我一直在试图理解如何使用jQuery插件窗帘.js()

我试着按照指示去做,但我一定是做错了什么,因为我不能让它工作

也许问题出在其他方面,但我编写的jquery是:

$(function () {
    $('.curtains').curtain({
        scrollSpeed: 400
    });
});
我做了一把小提琴,你可以看到我现在的代码。 小提琴在这里:

欢迎任何帮助。
谢谢大家!

我认为你做的一切都很好,只是在最新版本的jquery中不起作用,在jquery 1.7.2中也可以,我已经为你更改了你的提琴,并在JS窗口中包含了插件的副本:


  • 第一节
  • 第二节
  • 第三节
  • 第四节

  • 您需要在fiddle中添加窗帘.js作为资源。您的fiddle没有链接到插件的实际副本。
    <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>