0

我已經在這裏取得了一些進展:rails 3 does not render jquery properly與Twitter的引導jQuery的軌道不會呈現

隨着我的測試程序,它的工作原理確定,但與Twitter的引導加載 - 這是行不通的,它顯示的下拉菜單(其中應該是一個調色板)。我已經通過步驟來驗證在rails中的jquery是否能夠正確渲染調色板,這是我使用twitter bootstrap實現的實現。

寫在帖子上面,我寫的代碼轉換成的application.js:

//= require jquery 
//= require jquery_ujs 
//= require jquery.simplecolorpicker.js 
//= require twitter/bootstrap 
//= require_tree . 
jQuery(document).ready(function(){ 
     jQuery('#print_colorpaper').simplecolorpicker(); 
    }); 

application.css

*= require_self 
*= require jquery.simplecolorpicker.css 
*= require_tree . 

ERB文件

<%= f.select(:colorpaper, Print::MY_COLORS, :selected => '#ff887c') %> 

回答

1

你不」 t需要在文件末尾包含css,請在application.css中嘗試此操作

*= require jquery.simplecolorpicker

甚至將該文件放在app/assets/stylesheets中,require_tree .會自動提取。

+0

它自動拾取,但它不呈現jquery插件,因爲它應該(下拉,而不是調色板) 我已經嘗試了上述,但它無法呈現調色板。 – muhammadn

+0

最後嘗試這個'// = require jquery.simplecolorpicker'而不使用js。順便嘗試在控制檯中查找錯誤。請記住,使用turbolinks的rails 4,你還必須在這種情況下添加'$(document).on('page:load',$('#print_colorpaper')。simplecolorpicker())' – hawk

+0

大小寫(在我的問題中的網址)與測試導軌應用程序,它添加twitter引導後,它不起作用。 開發者控制檯不顯示任何內容,這意味着沒有錯誤。 – muhammadn