Tag: jquery ui

基础和form_tag无效的jQuery UI datepicker

我是jQuery的初学者,我正在尝试实现一个datepicker。 我的Gemfile中有jquery-ui-rails gem。 我正在使用粉底,我的表格是: “date-field”) %> “date-field”) %> “button” %> 在application.js我有: //= require jquery //= require jquery_ujs //= require jquery-ui //= require foundation //= require_tree . $(function(){ $(document).foundation(); }); $(function() { $(‘.date-field’).datepicker(); }); 在application.css.scss我有: *= require_tree . *= require_self *= require foundation_and_overrides *= require jquery-ui */ @import “foundation_and_overrides”; 问题是我的文本字段保留为文本字段,单击它们时不会弹出日历。 在阅读完这个问题之后,我尝试停止我的服务器,运行bundle update ,然后运行bundle exec rake assets:precompile […]

将Ajax POST请求的参数格式化为Rails控制器 – 用于jQuery-UI可排序列表

我正在使用jQuery-UI可排序连接列表。 我将连接列表的顺序保存到Rails服务器。 我的方法是获取每个列表项的列表ID,列ID和索引位置。 我想将其包装到一个对象中,该对象可以作为参数传递回Rails控制器以保存到数据库中。 理想情况下,我希望像这样格式化参数: Parameters: {“Activity”=>[{id:1,column:2,position:1},{id:2,column:2,position:2} ,…]} 如何正确格式化我在此Ajax POST请求中传递的参数? 现在,通过以下方法,我传递Parameters: {“undefined”=>””} 这是我当前的jQuery代码(Coffeescript),它不起作用: jQuery -> $(‘[id*=”day”]’).sortable( connectWith: “.day” placeholder: “ui-state-highlight” update: (event, ui) -> neworder = new Array() $(‘[id*=”day”] > li’).each -> column = $(this).attr(“id”) index = ui.item.index() + 1 id = $(“#” + column + ” li:nth-child(” + index + “) “).attr(‘id’) passObject={} passObject.id […]

从capybara-webkit #execute_script访问DOM?

所以我试图测试jQueryUI可排序库触发ajax请求并且我没有成功触发它,我已经尝试使用jquery.simulate.drag-sortable.js库,但无济于事。 我也尝试过执行脚本function,也无济于事。 我试图手动触发可排序的停用事件,因为即使在浏览器中jQuery.trigger()似乎也无法使用它。 执行的脚本是$sortable.sortable(“option”, “deactivate”)(event, ui) ,事件和ui正确注入,当我直接将它输入浏览器时,此代码可以正常工作。 问题似乎源于无法访问DOM。 当我在驱动程序上启用调试模式时,错误是TypeError: ‘[object Object]’ is not a function (evaluating ‘$sortable.sortable(“option”, “deactivate”)(event, ui)’) 。 深入挖掘后发现,Javascript驱动程序无法访问#execute_javascript DOM节点。 当我输入console.log(document.getElementById(‘sortable’)); 响应为’null’ 。 有关如何使用capybara-webkit触发使用deactivate事件的jQueryUI可排序函数的任何想法?

环境/开发资产路径的副本在gems目录中找不到jquery-ui-rails

我将config / environments / development.rb复制到config / environments / ci.rb。 当我使用RAILS_ENV = development运行时,资产搜索路径包括我的gem供应商目录,特别是jquery-ui-rails。 但是,当我使用RAILS_ENV = ci运行时,它没有。 从控制台,Rails.application.config.assets.paths通过开发评估到以下内容 irb(main):002:0> Rails.application.config.assets.paths => [“/var/www/ci/conflux/app/assets/images”, “/var/www/ci/conflux/app/assets/javascripts”, “/var/www/ci/conflux/app/assets/stylesheets”, “/var/www/ci/conflux/vendor/assets/stylesheets”, “/opt/comcast/ruby1.9.3/lib/ruby/gems/1.9.1/gems/jquery-rails-1.0.19/vendor/assets/javascripts”, “/opt/comcast/ruby1.9.3/lib/ruby/gems/1.9.1/gems/jquery-ui-rails-1.0.0/vendor/assets/images”, “/opt/comcast/ruby1.9.3/lib/ruby/gems/1.9.1/gems/jquery-ui-rails-1.0.0/vendor/assets/javascripts”, “/opt/comcast/ruby1.9.3/lib/ruby/gems/1.9.1/gems/jquery-ui-rails-1.0.0/vendor/assets/stylesheets”] 但对于ci我只得到以下内容: irb(main):002:0> Rails.application.config.assets.paths => [“/var/www/ci/conflux/app/assets/images”, “/var/www/ci/conflux/app/assets/javascripts”, “/var/www/ci/conflux/app/assets/stylesheets”, “/var/www/ci/conflux/vendor/assets/stylesheets”, “/opt/comcast/ruby1.9.3/lib/ruby/gems/1.9.1/gems/jquery-rails-1.0.19/vendor/assets/javascripts”]

Rails 3 Full_Calendar

有没有人知道是否有一个分步教程将Rails on Rails 3 fullcalendar与现有的Rails应用程序集成? 我看过文档,实现了我能做到的,但作为一个新手不确定我可能会出错的地方……我基本上是在寻找其他人是否已经完成并分享了他们的经历?

jQuery UI datepicker无法使用Rails

我正在尝试基于以下内容为我的Rails应用程序安装jQuery UI Datepicker: https : //github.com/joliss/jquery-ui-rails ,以及关于此主题的修订Railscast以及无数线程试图使其工作。 无论我尝试什么,它似乎都不起作用。 的application.js //= require jquery //= require jquery_ujs //= require jquery.ui.datepicker //= require_tree . //= require tinymce-jquery application.css *= require jquery.ui.datepicker *= require_self *= require_tree . new.html.erb modelname.js.coffee jQuery -> $(‘#modelname_due_date’).datepicker (dateFormat: ‘dd-mm-yy’) 这似乎是我需要做的所有工作,但是我尝试了许多变化无济于事。 在Chrome中进行调试时,控制台没有抛出任何错误。 任何帮助表示赞赏。

gem jquery-ui-rails找不到文件’jquery.ui.all’(

我试图在jquery-ui-rails gem的帮助下将jquery ui datepicker添加到我的应用程序中。 我已经检查过Railscast我似乎做的一切都正确,但我在应用程序启动时收到错误 couldn’t find file ‘jquery.ui.all’ Gemfile(结束时,尝试在资产组中包含gem但没有运气): gem ‘backbone-on-rails’ gem “jquery-ui-rails” 的application.js //= require jquery //= require jquery_ujs //= require underscore //= require backbone //= require svitla_test //= require_tree ../templates //= require_tree ./models //= require_tree ./collections //= require_tree ./views //= require_tree ./routers //= require_tree . //= require jquery.ui.all application.css *= require jquery.ui.all […]

如何将jquery-ui添加到Ruby on Rails 3.1应用程序中?

我已经将//=require jquery-ui到我的application.js文件中,这似乎给了我javascript,但我似乎无法将样式表包含在内。 如果我理解它,他们应该进入vendor/stylesheets但我如何将它们包括在内?

rails3-jquery-autocomplete并编写自己的搜索查询

这是我的控制器,我使用自动完成gem 。 我收到此查询的错误: SELECT users.id, users.phone, first_name, last_name FROM “users” WHERE (LOWER(users.phone) ILIKE ‘77%’) ORDER BY users.phone ASC LIMIT 10): ActiveRecord::StatementInvalid (PGError: ERROR: function lower(integer) does not exist 我的控制器: class CarsController < ApplicationController autocomplete :user, :phone … end 我想问你,我怎样才能进行自己的db查询以进行自动完成搜索 – 我需要将错误抛给上面,我认为没有其他办法… 当我将我的应用程序部署到Heroku时,我收到了此错误。

jQuery-UI Sortable Connected-Lists保存订单并与rails模型关联

让我们说:我有一个’调查’,有很多’问题’,有很多’答案’ 如果我有一个’调查’有2个’问题’的实例,那就叫它们:’好问题’和’坏问题’ ‘好问题’有5’答案’和’不良问题’有3’答案’ 如果“好问题”和“错误问题”通过此jQuery-UI交互连接可排序列表。 http://jqueryui.com/sortable/#connect-lists 我知道如何使用jQuery-UI将它们显示为2个可排序列表,我也可以从“不良问题”中删除“答案”到“好问题”。 但是,如何将新的排序位置和新排序的关联保存到另一个“问题”回到Rails数据库? Railscasts如何为单个可排序列表保存位置,但不保存属于不同关联模型的列表。 http://railscasts.com/episodes/147-sortable-lists-revised 我非常感谢这里的帮助! 编辑 我意识到我只需要POST到Rails控制器,列表的元素id,我将’Answer’放入(即<ol class = "connectableSortable" id = "Good_Question" ) 这是Railscast如何对Rails控制器执行POST以按可排序顺序传递object_id数组的语法。 jQuery -> $(‘#faqs’).sortable( axis: ‘y’ update: -> $.post($(this).data(‘update-url’), $(this).sortable(‘serialize’)) ) 如何更新此POST以将列表ID传递给它,因此我可以更新“问题”外键,将“答案”更新为它所属的列表“ID”? 这个SO答案有一种方法来检索列表ID。 获取放置元素的项/对象 所以现在,我真的只需要知道如何将额外的参数传递回rails控制器。 有帮助吗?