2013-07-12 138 views
0

我有https://github.com/tkrotoff/jquery-simplecolorpicker-rails,我試過https://github.com/tkrotoff/jquery-simplecolorpicker在純HTML和簡單的HTML工作。rails 3不能正確呈現jquery

我已經將代碼從HTML換成了rails中的代碼,但是我的所有jquery函數根本不起作用。

The file colorselect.js 

    $(function(){ 
    $('#print_colorpaper').simplecolorpicker(); 
    }); 

colorpaper.html.erb

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

我在軌唯一看到的是下拉菜單,在這裏我看到這應該轉變成一個調色板:http://www.taqisystems.com/fiddle/

我的應用程序.js

//= require jquery 
//= require jquery_ujs 
//= require jquery.simplecolorpicker.js 
//= require jquery.multi-select.js 
//= require twitter/bootstrap 
//= require_tree . 

html選擇的源代碼:

<select id="print_colorpaper" name="print[colorpaper]"><option value="#7bd148">green</option> 
+0

你在application.css有這樣的* =需要jquery.simplecolorpicker。 css – daustin777

+0

是的。我將文件包含在application.css中 * = require_self * = require jquery.simplecolorpicker.css * = require_tree。 – muhammadn

回答

0

我有工作使用下列內容:在您的應用程序/資產/ JavaScript的 嘗試改變/ application.js中

jQuery(document).ready(function(){ 
     jQuery('#print_colorpaper').simplecolorpicker(); 
    }); 
+0

嘗試了兩種方式,都沒有工作。 – muhammadn

+0

做了一個編輯工作,在我的測試軌道應用程序 – daustin777

+0

是的。有效。謝謝! :) – muhammadn