0

我正在尝试将 AnySlider 合并到 RoR 站点https://amillet89.heroku.com/并且无法使滑块正常工作。相反，列表图像只是堆叠在一起。我在anythingSlider 方法中放置了一条警告语句，它似乎没有被调用。我检查了 Chrome 中的资源，看起来 jQuery 和 anySlider 函数都被加载了（通过 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>

关于可能出现问题的任何想法？

4

1 回答 1

1

将您的 js 函数挂接到回调中jQuery.ready()或jQuery(window).load()作为回调。

它不起作用的原因是您的调用$('#slider').anythingSlider()放在上面<ul id="slider">并立即执行。当 JS 运行时，#slider不存在，所以该函数不做任何事情。这段代码应该可以工作，但我没有测试。

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

$(window).load( slider.init )
于 2013-01-27T04:22:06.157 回答