Jquery 任何滑块都可以堆叠列表项

我正在尝试将AnythingSlider合并到RoR站点中，但很难让slider正常工作。相反，列表图像只是堆叠在另一个图像之上。我在anythingSlider方法中放了一个alert语句，它似乎没有被调用。我检查了Chrome中的资源，看起来jQuery和anythingSlider函数都在加载（通过application.js中的资产管道），所以我不确定为什么没有调用它

<div>
  <ul id="slider">
  <li><img src="http://placekitten.com/300/200" alt="" /></li>
  <li><img src="http://placehold.it/300x200" alt="" /></li>
  <li><img src="http://placebear.com/300/200" alt="" /></li>
 <li><img src="http://dummyimage.com/300x200/000/fff.jpg" alt="" /></li>
 <li><img src="http://placedog.com/300/200" alt="" /></li>
</ul>

---

对可能出现的问题有什么想法吗

将js函数挂接到

jQuery.ready（）

或

jQuery（window.load（）

作为回调

它不起作用的原因是您对

$（“#slider”）的调用。anythingSlider（）

放置在

上方，并立即执行。当JS运行时，

#滑块

不存在，因此函数不做任何事情。这段代码应该可以工作，但我没有测试

var slider = {
      init: function() {
          $('#slider').anythingSlider({});
     }
}

$(window).load( slider.init )

---

谢谢你，卢克！我是javascript/jQuery新手，所以除了工作代码之外，解释也很有帮助！