0

アセット パイプラインを使用して CSS と JavaScript ファイルをリンクできません。私は初心者なので、非常に小さな間違いを犯す場所でも助けてください。基本的に非常に基本的な静的ページを作成しましたが、ページにスライダーを追加しようとしています。スライダーはhttp://www.basic-slider.com/からのものです。これがhome.html.erbのコードです <h1>StaticPages#home</h1> <p>Find me in app/views/static_pages/home.html.erb</p> <div id="container"> <h2>Fade Example</h2>

  <!--  Outer wrapper for presentation only, this can be anything you like -->
  <div id="banner-fade">

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
      <li><img src="banner01.jpg" title="Automatically generated caption"></li>
      <li><img src="banner02.jpg" title="Automatically generated caption"></li>
      <li><img src="banner03.jpg" title="Automatically generated caption"></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

  <script class="secret-source">
    jQuery(document).ready(function($) {

      $('#banner-fade').bjqs({
        height      : 320,
        width       : 620,
        responsive  : true
      });

    });
  </script>`

スライダーが assets/javascript および assets/stylesheet で動作するために必要な基本ファイルをコピーしました

4

1 に答える 1

0

あなたの画像がapp/assets/images/ディレクトリにあると仮定しています。パスに含めるassets/には、画像ソースを更新する必要があります。もしあなたがimage_tag('banner01.jpg')これを使っていたら、Rails が面倒をみてくれていたでしょう。 

<!--  Outer wrapper for presentation only, this can be anything you like -->
  <div id="banner-fade">

    <!-- start Basic Jquery Slider -->
    <ul class="bjqs">
      <li><img src="assets/banner01.jpg" title="Automatically generated caption"></li>
      <li><img src="assets/banner02.jpg" title="Automatically generated caption"></li>
      <li><img src="assets/banner03.jpg" title="Automatically generated caption"></li>
    </ul>
    <!-- end Basic jQuery Slider -->

  </div>
  <!-- End outer wrapper -->

  <script class="secret-source">
      jQuery(document).ready(function($) {

      $('#banner-fade').bjqs({
        height      : 320,
        width       : 620,
        responsive  : true
      });

    });
  </script>
于 2013-06-29T12:20:21.993 に答える