Javascript 无法使用资产管道在RoR中实现滑块

我无法使用资产管道链接css和javascript文件。我是个新手，所以在我犯小错误的地方也要帮助我。我已经基本上创建了一个非常基本的静态页面，我正在尝试在页面上添加一个滑块。滑块来自。 以下是home.html.erb中的代码

StaticPages\home
在app/views/static_pages/home.html.erb中查找我

淡入淡出示例

jQuery（文档）.ready（函数（$）{
$（“#旗帜褪色”）.bjqs({
身高：320，
宽度：620，
回答：对
});
});
`

---

我已经复制了滑块在assets/javascript和assets/stylesheets中工作所需的基本文件，我假设您的图像位于

app/assets/images/

目录中。您的图像源需要更新，以便在路径中包含

资产/

。如果您使用了

image\u标签（'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>

jQuery（文档）.ready（函数（$）{
$（“#旗帜褪色”）.bjqs({
身高：320，
宽度：620，
回答：对
});
});

如果没有更多信息，很难调试。您是否包含

jquery

和

bjqs

javascript文件？检查页面源以查看它们是否包含在内。我已经检查了输出文件的源。它们都包含在代码中；我试过你的代码，效果很好。你看到图像了吗？什么对你不起作用？问题似乎是我没有重新启动服务器。但我仍然无法使页面中的图像可见。谢谢Vinod。你能告诉我在上面代码中的图像标签（'filname'）在哪里使用吗。而不是img src？？上面的代码对我不起作用。请将第一行

li

替换为以下内容：`

”，其他两行也一样。

<!--  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>