Question

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

\应用\视图\画廊\ show.html.erb

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

\应用\视图\画廊\ 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>

\应用\视图\布局\ 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>

应用\资产\ Javascript角\ 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没有出现在我的页面上！我错过了什么？

Answer 1

您的代码输出应与http://jsbin.com/veyexaki/2/edit?html,output类似。检查代码中是否存在任何javascript错误也是有意义的（单击F12以在浏览器中运行dev工具并检查控制台）。

Bxslider没有出现在Rails项目中

1 个答案: