Bxslider不显示在Rails项目

Bxslider not showing up in Rails project

本文关键字：Rails 项目 显示 Bxslider      更新时间：2023-09-26

最近，我添加了一个bxslider (http://bxslider.com/examples/manual-show-without-infinite-loop)来查看rails项目中的画廊。我已经按照这里的说明(https://github.com/stevenwanderski/bxslider-4)，以我最好的理解，但我的画廊图像显示在一个列表，而不是在滑块。我在下面附上了我的代码，想知道我是如何解决这个奇怪的行为的。

' app ' views '画廊' show.html.erb 

<div id="embed_gallery" >
            <%= render :partial => 'projects/embed', :collection => @projects, :as => :project%>
</div>

' app ' views '画廊' embed.html.erb 

<% title h(@gallery.name) %>
<% @section = "explore" %>
<%= javascript_include_tag :defaults %>
<div id="embed_gallery">
    <ul class="bxslider">
      <%= render :partial => 'projects/embed', :collection => @gallery.projects, :as => :project %>
    </ul>
</div>

' app ' views '布局' embed_layout.html.erb 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <%= javascript_include_tag 'jquery.bxslider.min' %>
    <%= stylesheet_link_tag 'jquery.bxslider'%>
    <!-- jQuery library (served from Google) -->
    <%= javascript_include_tag 'ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' %>
    <script type="text/JavaScript">
        $(document).ready(function(){
            $('.bxslider').bxSlider({
                infiniteLoop: false,
                hideControlOnEnd: true
            });
        });
    </script>
</html>

应用程序资产' ' javascripts ' embed_scripts.js 

//= require jquery
//= require js/jquery.bxslider.min.js
//= require lib/jquery.bxslider.css

我有js/jquery.bxslider.min.js和lib/jquery.bxslider.css文件包含在我的项目中，但仍然出于某种原因，bxslider没有出现在我的页面上!我错过了什么?

代码的输出应该类似于http://jsbin.com/veyexaki/2/edit?html,output。检查代码中是否有任何javascript错误也是有意义的(单击F12在浏览器中运行开发工具并检查控制台)。

相关文章：