Flexslider的CSS未加載到我的Rails應用程序

我正在使用Flexslider 2 Rails Gem從https://github.com/constantm/Flexslider-2-Rails-Gem。在文檔中告訴我，我打電話給JS和CSS，但只有CSS沒有加載（是的，JS工程）。Flexslider的CSS未加載到我的Rails應用程序

ruby -v: ruby 2.2.1p85 (2015-02-26 revision 49769) [x86_64-darwin11.0] 
rails -v: Rails 4.2.1 
flexslider version: flexslider 2.2.0

我的應用程序/資產/樣式表/ application.css

*= require pineapple 
*= require font-awesome 
*= require dropzone/basic 
*= require application/style 
*= require fancybox 
*= require flexslider.css

PS：我試過需要flexslider（不包括擴展名）太。

我的應用程序/資產/ Java腳本/ application.js中

//= require jquery 
//= require jquery_ujs 
//= require jquery.slimscroll.min 
//= require pineapple 
//= require tinymce 
//= require dropzone 
//= require jquery-ui/sortable 
//= require jquery-ui/effect-highlight 
//= require jquery-ui/tooltip 
//= require jquery.mjs.nestedSortable 
//= require general 
//= require maskedinput 
//= require fancybox 
//= require jquery.flexslider

我的HTML（我剝奪他人李標籤這裏，但是是一樣的）

<div id="carousel0" class="flexslider carousel"> 
    <ul class="slides"> 
     <li> 
      <%=link_to '/page/dynamic' do %> 
      <%=image_tag image_path('show-case-1.jpg'), alt: 'Show Case', title: 'Show Case', class: 'img-responsive' %> 
      <%end%> 
     </li> 
    </ul> 
</div>

我的定製.JS

$('#carousel0').flexslider({ 
    animation: 'slide', 
    itemWidth: 300, 
    itemMargin: 100, 
    minItems: 2, 
    maxItems: 4, 
    pauseOnHover: true, 
    slideshowSpeed: 8000 
});

沒有控制檯錯誤。

感謝您的幫助。

來源

2016-03-06 DR.Somar

你確定你的自定義JS被加載？你有沒有添加console.log（）語句？如果您在控制檯上沒有看到任何導致我認爲代碼完全未觸發的錯誤。這個自定義JS代碼放在哪裏？測試控制檯中的代碼。並檢查選擇器是否實際匹配任何元素。 –

是的pascal betz，JS的作品。問題是：CSS是在錯誤的文件中。在很多情況下，在application.css中調用css是正確的，但在我的情況下，我的應用程序中有多個站點，它具有特定的JS和CSS以進行預編譯。我在這個特定的文件中調用了css和js，而不是應用程序（JS | CSS），它可以工作。謝謝你的幫助。 –

[解決]

我的應用程序有一些「特殊頁面」。該應用程序有多個網站相互獨立。

在我應用程序/資產/樣式表文件夾和應用程序/資產/ JavaScript的文件夾我有1更多的CSS和JS不受應用。（JS | CSS）

有sitetype.css和sitetype .js文件。

我叫需要flexslider.css在sitetype.css和// =需要在jquery.flexslider sitetype.js和它的作品。

謝謝大家的幫助。

來源

2016-03-06 17:19:12

您是否嘗試過：你使用

來源

2016-03-06 16:54:01

嗯，也許不是因爲我更多地看它，對不起 –

*= require flexslider.sass

瞎猜通過寶石尋找後，您只包括庫，並提供了標記。但你不要「連接滑塊」。請參閱步驟3 https://www.woothemes.com/flexslider/

來源

2016-03-06 16:56:02

我的錯，我忘了在我的答案中寫下這個，但我已經「連接滑塊」了。我將用這些數據更新我的答案。我正在嘗試耙資產：現在預編譯。 –

Flexslider的CSS未加載到我的Rails應用程序

回答

相關問題