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/stylesheets 中工作所需的基本文件

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 回答