2013-07-12 98 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