FooTable不能在rails上運行ruby項目

我想在rails項目中使用ruby中的FooTable（我從來沒有使用過FooTable），但是我無法讓它工作。FooTable不能在rails上運行ruby項目

我插入gem 'footable-on-rails'在我的Gemfile（就跑包安裝）

我在app/vendor/assets/javascript插入footable.js並在app/assets/javascript（這是最好的/合適的位置？）

我已經在app/vendor/assets/stylesheet插入footable.core.css並在app/assets/stylesheet

我創建這個文件稱爲footable_init.js

$(document).ready(function() 
{ 
    $("table").footable(); 
});

我也改變了我的application.js文件：

//= require turbolinks 
    //= require bootstrap.min 
    //= require footable-on-rails 
    //= require jquery 
    //= require jquery-ui 
    //= require jquery_ujs 

//= require_tree .

而且我application.css

*= require bootstrap.min 
*= require footable-on-rails 
*= require_tree . 
*= require_self 
*/

注意我還使用自舉。

最後我的看法是這樣的：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>App</title> 
     <meta charset="UTF-8" /> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <%= stylesheet_link_tag 'footable.core.css' %> 
    <%= javascript_include_tag 'footable.js', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'footable_init.js', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'jquery.js', 'data-turbolinks-track' => true %> 

    </head> 
    <body> 
     <table class="table"> 
     <thead> 
       <tr> 
         <th>Name</th> 
         <th data-hide="tablet,phone">Age</th> 
       </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Luke</td> 
       <td>45</td> 
      </tr> 
      <tr> 
       <td>Amy</td> 
       <td>28</td> 
      </tr> 
      <tr> 
       <td>Carl</td> 
       <td>25</td> 
      </tr> 
     </tbody> 
     </table> 
    </body>  
</html>

但是當我傳遞給手機或平板電腦的分辨率我看到兩個列。我錯過了什麼？

我認爲在我的rails項目中包含FooTable會很容易，但這會花費我太多時間。提前致謝。

來源

2015-09-17 splunk

你能連結到寶石資料庫嗎？ –

也是，您不必手動插入JS和CSS文件，因爲gem會爲您執行此操作。刪除文件，看看是否有幫助 –

https://github.com/riandrea/FooTable-On-Rails – splunk

您增加了footable.js三次而不是一次。該gem已經在您的application.js中添加了require 'footable-on-rails'。你的CSS文件也一樣。

無需將它們都添加到app或vendor目錄中。刪除這些文件，看看是否有幫助。

此外，你必須包括你的應用程序文件。根據the asset pipeline docs添加

<%= stylesheet_link_tag "application", media: "all" %> 
<%= javascript_include_tag "application" %>

到您的應用程序佈局。

來源

2015-09-17 08:43:01

我是否也必須從app和vendor目錄中刪除footable.core.css文件？ – splunk

是的，對於CSS –

也是如此，它仍然不起作用。是否有必要在我的視圖文件中包含所有這些JavaScript文件？ – splunk

FooTable不能在rails上運行ruby項目

回答

相關問題