2017-09-04 24 views
1

所以我經歷了多年來一直如此的各種問題,我無法弄清楚我的訂單應該是什麼。我的下拉菜單不起作用,我的數據表格也沒有樣式。我使用的是引導,青菜3.3.7和引導-will_paginate 1.0.0Rails:Applications.js當前正確的訂單

這裏是application.js中

//= require jquery 
//= require parsley 
//= require jquery-ui 
//= require bootstrap 
//= require bootstrap/dropdown 
//= require dataTables/jquery.dataTables 
//= require_tree . 

在應用CSS我目前的訂單我:

*= require jquery-ui 
    *= require_self 
    *= require_tree . 

最近,一些重要的寶石被棄用。所以我正在將一切都修改爲新標準。所以我認爲在過去的幾年裏我錯過了一些與我無關的東西。另外,當我對application.js做一些小改動時,我無法判斷是否有任何改變。我需要每次運行rake clean:assets嗎?

任何幫助將不勝感激。

編輯。更新我的訂單以反映當前的情況。還沒有弄明白。

編輯2.我更新了我的application.css文件到.scss文件,現在它看起來像這樣:

@import "parsley"; 
@import "jquery-ui"; 
@import "dataTables/jquery.dataTables"; 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "/\*"; 

相同的結果。我的Javascript沒有工作,bootstrap似乎正在工作。

編輯3.我非常接近。所以我的JavaScript工作,我必須提前jQuery的歐芹,因爲它需要它。

那麼,什麼是不工作是我的表代碼:

jQuery -> 
    $('#all_participant_table').DataTable({"sPaginationType": bootstrap"}); 
    $('#screening_log').DataTable({ 
    "sScrollX": "100%", 
    "sScrollXInner": "100%", 
    "bScrollCollapse": true, 
    "sPaginationType": "bootstrap" 
    }); 

編輯4.錯誤解決。它似乎sPaginationType已棄用,我切換到PagingType和一切工作(「pagingType」:「full_numbers」)

我希望這篇文章可以幫助未來的人。

+0

什麼是您的rails版本,您使用turbolinks? – widjajayd

+0

@widjajayd我的rails版本是5.1.3,我沒有使用turbolinks –

+0

某些引導插件需要jQuery,你必須在引導之前在你的application.js中包含jquery。我希望這可以幫助 – Himshwet

回答

0

這裏的答案是我原來的問題:

//= require jquery 
//= require parsley 
//= require jquery-ui 
//= require bootstrap 
//= require dataTables/jquery.dataTables 
//= require_tree . 

,我不得不刪除引導/下拉,以及jQuery的UJS。這兩個項目現在都是這種或那種系統的一部分。所以讓他們再次創建一個重複的呼叫。

Jquery需要在歐芹和自舉之前。這兩個請求jquery。

對於我正在運行的系統(虛擬盒,ubuntu),我至少需要耙資產:預編譯並重新啓動服務器以查看大部分更改。但我會這樣做,以確保:

rake assets:clobber //delete cached files 
rake assets:precompile //rebuild 

然後啓動服務器。