【问题标题】:Rails 4 and jQuery UIRails 4 和 jQuery UI
【发布时间】:2015-05-22 21:23:18
【问题描述】:

我必须在这里做一些非常愚蠢/愚蠢的事情。整天都在试图让 jQueryUI 在我的 Rails 4.2.1 应用程序中运行,但由于某种原因失败了。看起来这应该不是那么难,我一定是在做一些我看不到的蠢事。

我将此添加到 Gemfile:

gem 'jquery-ui-rails'

应用程序.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require twitter/typeahead
//= require bootstrap
//= require_tree .

应用程序.css

 *= require bootstrap
 *= require bootstrap-theme
 *= require font-awesome
 *= require jquery-ui
 *= require_self  
 *= require_tree .

但是当我在窗口中输入时说:

$('input').draggable() 

我回来了:

TypeError: undefined is not a function (evaluating '$('input').draggable()')

我可以在我的资源列表中看到可拖动模型已加载。我看到 jQuery 已加载,并且可以运行其他 jQuery 函数。我确定我在做一些愚蠢的事情,请帮忙!!!

【问题讨论】:

  • 抱歉,刚才有些事情被抓到了,无法再看一遍。请看看我更新的答案。您正在使用引导程序(我假设是 BS3),因此有一种特殊的方式可以使用 gem 做事。

标签: javascript jquery ruby-on-rails jquery-ui


【解决方案1】:

IIRC,jquery-ui-rails 文档中有一个错字告诉您使用 jquery_ui,即使正确的符号是 jquery.ui(注意点,而不是下划线)。

在您的application.js 中试试这个:

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
//= require turbolinks
//= require_tree .

application.css:

 *= require_tree .
 *= require_self
 *= require jquery-ui
 *= require dataTables/bootstrap/3/jquery.dataTables.bootstrap

【讨论】:

  • 当我尝试使用点表示法时,我得到了这个错误:Sprockets::FileNotFound 找不到文件'jquery.ui.all'
【解决方案2】:

我跑了:

bin/rake assets:clobber

一切似乎都正常???任何人都可以为答案投票解释这一点;-)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-16
    • 1970-01-01
    • 2014-08-27
    • 2011-09-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多