实现一个 Jquery 插件

Question

我对此很陌生，我几乎不能处理 CSS 和 HTML。但我真的很喜欢这个插件，所以我试了一下。

https://github.com/davist11/jQuery-Stickem

这是一个粘性滚动插件，可以删除和添加一个位置：固定类到一个项目，这取决于它相对于它的容器的位置（如果我理解正确的话）。该链接中还有一个演示。

无论如何，问题是我无法让它工作。我觉得我遵循了那里的每一条指令。我在帖子容器中放了一个“stickem-container”类， 'stickem' 到我想要粘贴的列表，为所需的类设置 CSS 并将 jQuery 源代码放在 body 标记内。但是没有任何效果，就好像我根本没有改变任何东西一样。有没有比较熟悉jQuery的可以看看插件的实现方法，告诉我我做错了什么？

这是http://jsfiddle.net/epV47/1/。滚动时列表应该上下移动。

<div class="Post"> 
<div class="stickem-container">
     <ul class="nav stickem">
              <li><a href="#">test</a></li>
              <li><a href="#">test</a></li>
              <li><a href="#">test</a></li>            
     </ul>

     <div class="Text">
          CONTENT HERE
     </div>



</div>
</div>

Answer 1

您需要在元素上调用插件。您添加了插件，但这并不会固有地导致它以元素为目标并执行其自身；你必须。

$('.stickem-container').stickem();

Here's the Fullscreen jsFiddle (because of your margin-left:660px rule)

Here's the relevant code