Tag: jquery

Ruby on Rails实时搜索（过滤）

我正在关注railscasts rails ajax教程并陷入困境。 实时搜索不起作用，我必须单击搜索按钮才能获得结果。 我有两个searchfilter。 第一个是select_tag。 第二个是复选框。 这是我的代码： results.html.erb Filter “artists_search” do %> 的application.js # Ajax search on keyup $(‘#artists_search input’).keyup( -> $.get($(“#artists_search”).attr(“action”), $(“#artists_search”).serialize(), null, ‘script’) false ) user.html.erb def result if params[:titel_id].present? @users = User.where(‘titel_id = ?’, titel_id) if params[:option].present? @users = User.where(..) else @users = User.all end respond_to do |format| format.html # result.html.erb […]

使用jQuery / Ajax进行数学计算

我的表格中有这个 20, :id =>”price” %> 20, :id =>”qty” %> 20, :id =>”amount”%> 一旦我在’price’和’quantity’中输入值，我希望{amount * quantity}在’amount’字段内发生，即计算应该在提交之前进行。 我是jQuery / Ajax的新手，所以任何帮助都可以。 提前致谢。

使用Twitter中的Twitter Bootstrap jquery模式链接到另一个页面

我只是希望这个模式出现并显示另一个页面的内容，但我不能让它工作，因为我是Jquery的新手。 有没有办法修改下面的代码，以便在模态弹出窗口中显示’/ contact /’的内容？ ———- # this content is on http://myurl.com/contact/ this is my email app here… ———- # this is the button on a ‘show’ page where i want someone to push to bring up the contents of the above page in the modal. Launch Email

在ruby on rails上使用jQueryvalidation提交按钮不起作用

我正在使用ruby2和rails4。 我使用jQuery进行validation。 validation错误是正确显示的，但是当我点击提交按钮时，虽然我已经为字段指定了正确的值，但它什么也没做。 有人可以帮我解决问题吗？ 我的代码如下所示。 谢谢。 jQuery插件： http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.js http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js 在download.html.erb中 :post, :id => ‘contact-form’ do |f| %> Download Form $(document).ready(function () { $(“#contact-form”).validate({ debug: true, rules: { “contact[name]”: {required: true, max: false, min: false}, “contact[email]”: {required: true, email: true}, “contact[phone]”: {required: true, digits: true, minlength: 10, maxlength: 10} } }); });

将实例变量传递给js.erb文件（Rails 3 / jQuery）

我有一个“index.html.erb”文件，其中包含以下内容： 这将呈现“_user.html.erb”并输出一个按钮，用于对每个用户执行特定操作： “＃{user.id} _action”，：remote => true）％> 我已经设置了我的用户控制器，通过查看“action.js.erb”来响应AJAX请求。 为了对partial中的特定用户执行javascript方法，我想知道如何将我的partial（例如user.id）中的实例变量传递到js.erb文件中或在js.erb文件中访问，例如： $(“#{@user.id}_action”).toggle();

从2.2.1中升级到jquery-datatables-rails 2.2.3会破坏RailsCasts 340 Datatables中的代码

这是信息性的，因为我提出了问题，并将提供答案。 这是记录，并帮助任何跟随我的人。 我使用RailsCasts 340构建了DataTables。它们运行得很好，但是我对它有一些与列宽和表宽等有关的问题。 请参见数据表行扩展超过表边界，或者太窄 。 一般来说，将jquery-datatables-rails从2.2.1升级到2.2.3以从DataTables 1.9升级到1.10似乎是个好主意。 这还包括数据表响应0.2.0。 参考转换DataTables 1.10的参数名称 ，您将看到有不间断的变量名称更改。 它们应该向后兼容1.9。 如果您使用的是本机DataTable，则可能就是这种情况。 但是，它不适用于jquery-datatables-rails，特别是对RailsCasts 340的引用。 这个问题和答案是尝试为任何人来简化转换，并且最初可能更容易实现此代码。

will_paginate页面链接问题

我目前有一个评论模型，在微博下发布，两者都显示在同一页面上。 问题是两者都显示在同一页面上，并且两者都是分页的，我正试图用facebook方法进行微观测量。 以下是以下问题： 两个分页的链接变成这个href=”/users/2?page=2″而不是href=”/users/2/micropost?page=2″或者href=”/users/2/comment?page=2″ 。 我不确定如何解决这个问题。 这是我的一些代码。 所有建议都非常感谢！ Micropost渲染HTML false %> Add a thread! 评论部分HTML <div id='CommentContainer-‘ class=’CommentContainer Condensed2’> “comments/form”, :locals => { :micropost => micropost } %> 5, :page => params[:page]) %> “pagination” %> 显示页面的用户控制器 def show @user = User.find(params[:id]) @comment = Comment.find(params[:id]) @micropost = Micropost.new @comment = Comment.new @comment = @micropost.comments.build(params[:comment]) @comments = […]

Rails 3和嵌套的jQuery文件上载模型

有没有人有关于使用嵌套属性获取使用Rails的jQuery文件上传插件的建议/示例？ 我的模型“has_many”附件并接受必要的嵌套属性。 我想使用jQuery文件上传，但是找不到任何好的例子让我开始。 有没有人取得这样的成就并能够给出一些指导？ 谢谢。

全球位置（国家，地区，城市）选择Rails，jQuery或Google Maps API的插件？

是否有任何插件可以帮助创建国家，地区和城市的下拉菜单？ 首先用户选择国家，然后根据他选择的国家/地区更新他的区域下拉菜单，他选择区域，然后从第3个菜单中选择一个城市。 插件可以是Ruby on Rails，jQuery还是通过google maps api的javascript解决方案？

jQuery在JSFiddle中工作但在本地RoR环境中不起作用？

目前我有两个JavaScript函数。 “全部检查”function在JSFiddle和本地环境(http://0.0.0.0:3000)中都能很好地工作。 但是，“选择动物”或仅选择表单中特定选项的函数仅适用于JSFiddle，但不适用于本地环境。 我想知道是什么导致了这个问题。 以下是我的“_form.html.erb”中的代码： checked = false; function checkedAll () { if (checked == false){checked = true}else{checked = false} for (var i = 0; i < document.getElementById('myform').elements.length; i++) { document.getElementById('myform').elements[i].checked = checked; } } Foo1 Bar2 Rah3 Check all: function checkAnimal () { var values = [‘1’, ‘2’, ‘4’, ‘5’]; $(“#list”).find(‘[value=’ + values.join(‘], [value=’) […]