0

AnythingSlider を RoR サイトhttps://amilet89.heroku.com/に組み込もうとしていますが、スライダーを機能させるのに問題があります。代わりに、リストの画像が積み重なっていきます。anySlider メソッドにアラートステートメントを入れましたが、呼び出されていないようです。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 に答える