Bxslider가 레일스 프로젝트에 나타나지 않습니다.

-1

최근 레일 프로젝트에서 갤러리를 보려면 bxslider (http://bxslider.com/examples/manual-show-without-infinite-loop)를 추가했습니다. 나는 여기에 지침 (https://github.com/stevenwanderski/bxslider-4)을 잘 이해했지만 갤러리 이미지는 슬라이더가 아닌 목록에 표시됩니다. 아래에 제 코드를 첨부했으며,이 이상한 행동을 어떻게 푸는 지 알고 싶습니다.Bxslider가 레일스 프로젝트에 나타나지 않습니다.

\ 응용 프로그램 \ 전망 \ 갤러리 \ 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>

\ 응용 프로그램 \ views \ layouts \ 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>

응용 프로그램 \ 자산 \ 자바 스크립트 \

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

내가 포함 내 프로젝트에서,하지만 여전히 일부에 대한 JS/jquery.bxslider.min.js 및 jquery.bxslider.css/lib에 파일이 embed_scripts.js 이유, bxslider가 내 페이지에 나타나지 않습니다! 내가 뭘 놓치고 있니?

출처

2014-06-05 user3694391

저는 과거에 BXSlider를 사용했습니다 (레일이 아닌). 사이트의 라이브 데모에 대한 링크를 게시 할 수있는 기회가 있습니까? 그것의 소리에서, 나의 첫번째 짐작은 CSS가 제대로 링크되지 않았을 것입니다. – Bernard

코드 출력은 http://jsbin.com/veyexaki/2/edit?html,output과 비슷해야합니다. 코드에 자바 스크립트 오류가 없는지 확인하는 것도 의미가 있습니다. 브라우저에서 dev 도구를 실행하고 콘솔을 확인하려면 F12를 클릭하십시오.

출처

2014-06-08 09:04:01 Alex

Bxslider가 레일스 프로젝트에 나타나지 않습니다.

답변

관련 문제