Tag: jquery

使用Rails / Jquery创建动态更新的进度条？: 这是我的第一个“一般”问题 – 我不是在寻找任何人为我编写一行代码，我只需要一些建议我正在寻找一种方法来实现进度条/温度计（理想情况下在jquery中），当用户在我的Rails应用程序中将数据输入到表单时，它会动态更新。我不关心表单字段的价值，只关注它们是否填写。单个字段将具有硬编码权重（即填写您的名称为您提供1分，电子邮件10分等），以非常ajax-y异步方式增加状态栏的计数/百分比。我不想发布或刷新以查看进度条的状态。我有一种感觉，我将不得不使用一些premade jquery库，如下所示： Jquery ProgressBar ProgressBarDemo 这是踢球者：我甚至无法理解这些进度条来接受我的Rails FormHelper表单中用户输入的数据。我查看了所有的API文档和类方法，不知道从哪里开始！那怎么样？你能指出这个n00b正确的方向吗？我能看到的任何好例子？提前致谢！〜丹

打开Bootstrap Modal以编辑Ruby on Rails中的记录: 我有一个“用户”模型。我在用户索引页面上有一个用户列表，每个用户旁边都有一个编辑按钮。我想点击每个用户的编辑按钮，这将打开一个bootstrap模式。在bootstrap模式上，我想显示我可以编辑的用户记录。编辑表单将来自_form.html.erb部分，该部分将用于新的和编辑用户控制器方法。当我单击更新按钮时，我希望模态窗体更新记录，关闭模式并使用更新的记录更新索引页。问题每次我点击编辑链接时，模态都会打开并显示_forms部分，但它是用于新记录，而不是我想要编辑的记录。我认为这是因为rails运行@ user.persisted？响应为false的助手，因此它使用用户控制器中的“创建”方法而不是“编辑”方法。保存记录时，引导模式不会关闭。你能告诉我如何让它发挥作用吗？用户/ _form.html.erb prohibited this user from being saved: 用户/ create.js.erb $(“.usersTable”).replaceWith(” ‘users/update_user’, :locals => {users: @users }%>”); $(“input[type=text]”).val(“”); $(‘#myModal’).modal(‘hide’); $(‘body’).removeClass(‘modal-open’); $(‘.modal-backdrop’).remove(); 用户/ index.html.erb Listing users Name Company Email ‘#myModal’, ‘data-toggle’ => ‘modal’ %> Add User × Modal title Close Save changes /controllers/users_controller.rb […]

使用jquery和rails加载部分: 我很好奇用jquery加载rails部分的最佳方法。到目前为止，我已经尝试了一个不起作用的解 $(‘#imagecontent’).load(‘/newsletters/_image_gallery.html.erb’, function() { alert(‘Load was performed.’); }); 是否为此构建单独的操作和/或控制器并设置路径是最佳解决方案？我问，因为使第一个解决方案工作似乎更容易，也许不那么安静。谢谢。

当我使用远程调用或jQuery远程加载部分/内容时，jquery ujs无法正常工作: 我有一段jQuery代码，用一些内容填充页面上的元素： var content = $(“#note_”+note.id).html(); $(“another_div”).html(content); 这取代了另一个div的html，但问题是任何数据远程属性不再对“another_div”内的任何内容起作用。我认为问题是jquery_ujs对于页面加载页面上的项目非常有用，但如果我远程加载内容，我将失去该function。我该如何解决这个问题？我对它的远程加载部分的影响感兴趣

如果我在Rails中使用Turbolinks，则单击浏览器中的“返回”将禁用我的javascript代码: 好吧，正如标题所说或多或少。我在我的Rails应用程序中使用了gem Turbolinks，而且我对“浏览器后退”按钮有点问题。我的javascripts工作正常，直到我在浏览器中单击，然后它停止工作。如果我单击我的应用程序中的链接或重新加载页面，它将再次开始工作。 ant想法如何解决这个问题？

当Twitter Bootstrap模式窗口包含Rails表单助手时显示错误: 我问的是使用带有Rails表单助手的Twitter Bootstrap模式窗口并显示表单validation错误消息。我正在使用Twitter Bootstrap 2.0和Rails 3.2。我在Twitter Bootstrap模式窗口中有一个表单。页面上有一个按钮，用于打开模态窗口并显示表单。一切都很好，除非提交表单时出现错误，显示页面并且无法看到错误消息，因为表单位于（最初未显示的）模式窗口内。我需要使用jQuery来测试表单是否包含Rails错误消息并覆盖“display：none;” 呈现页面时样式（或切换要显示的模态窗口）。我已经尝试将以下代码添加到我的assets / javascripts / application.js文件中，但它不起作用： $(‘document’).ready(function() { if ($(‘#error_explanation’).length > 0) { $(“#request_invite”).css(“display”, “block”); } }) 并且： $(‘document’).ready(function() { if ($(‘#error_explanation’).length > 0) { $(“#request_invite”).modal(‘toggle’); } }) 当出现错误信息时，我需要做什么来显示模态窗口或将其打开？这是在Twitter Bootstrap模式窗口（Haml）中显示表单的代码： #request-invite.modal{:style => “display: none;”} = form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do […]

在表单提交错误后显示基于ajax的元素: 我的表单中有两个选择元素，分类和子类别。首先，仅显示类别选择。当用户在类别选择中进行选择时，将向服务器发送AJAX请求，并显示子类别选择。它工作正常。现在，当表单提交时出现一些错误，由于任何事情，缺少一些所需的值，或者任何东西，我都会显示错误信息，但我不能保留选择框的相同状态，我只看到类别选择，没有选择值，即初始状态。任何人都可以建议我如何保持这些选择元素的状态？这是我新表单中的代码段： category “Select a category”} %> 这是我的jQuery脚本，当在Category选择上进行选择时发送AJAX请求： $(“#post_category_id”).change(function() { var category_id = $(‘select#post_category_id :selected’).val(); if(category_id == “”) category_id=”0″; $.get(‘/posts/update_sub_cat/’ + category_id, function(data){ $(“#sub-category-select”).html(data); }) return false; }); AJAX请求是在post_controller中的update_sub_cat动作上进行的，如下所示： def update_sub_cat if params[:id].present? @sub_categories = Category.find_all_by_parent_id(params[:id]) else @sub_categories = [] end respond_to do |format| format.js end 结束 AJAX请求呈现update_sub_cat.js.erb文件，其中我使用了一些HMTL sub-category “Select […]

Rails 3.2 has_many通过表单提交: 我有一个has_many：通过表单，我无法获得额外的属性发布到数据库。我在某个地方搞砸了参数名称。我可以获取外键发布，但我有另一个属性，我试图在连接表中跟踪。请记住，这是一个100％基于ajax的forms。这就是我所知道的编辑：在研究类似的问题后，我理解我应该构建表单属性，但我发现的代码由于某种原因不起作用。这是一些资源。 http://railsforum.com/viewtopic.php?id=20203 Rails 3，嵌套的多级表单和has_many通过我不明白的是，附加product_ids是内置到rails中的。那些价值观。为什么将quantity_shipped属性附加到该数组很难？ Models and Relationships Shipment has_many :products :through => :product_shipments Product has_many :shipments :through => :product_shipments ProductShipments belongs_to :shipment, belongs_to :product ProductShipments table t.integer :shipment_id t.integer :product_id t.integer :qty_shipped <– This is the Problem Child 此部分循环显示几次显示来自某个供应商的所有产品。它为product_ids生成一个数组，为product_shipments数量生成另一个数组。 _product_shipments.html.erb。 Assign Products to Ship product.id […]

Ruby on Rails：根据选择框中的更改提交表单作为JS: 我在select_tag中的form_tag和select_tag生成了以下HTML： RISK_ODS DETAIL_ADJUSTMENT ODS_STAGE FINANCE_DM1 让我知道我需要编写的JQuery代码，以便我可以在下拉列表中更改选择值时提交表单。请看这里当我使用：onchange时，它是一个html选项，表单以html的forms提交，而不是作为JS表单提交。所以，我不能使用：onchange。我明白我需要在application.js文件中写这样的东西： $(#folder_name_foldernames).change(function(){ $(#show_workflow_list).submit() }); 我在application.js文件中使用了上面的代码但是我必须删除“require_tree”。因为我得到一些错误，所以我补充说 $(‘#folder_name_foldernames’).change = () -> $(‘#show_workflow_list_form’).submit() 到我的deployment_group.js.coffee文件（deployment_group是我的控制器与上面的视图相关）但是当我在下拉菜单中更改选择时，我仍然没有看到任何变化。请帮忙。

在Rails项目中找不到文件’jquery’: 我正在使用Rails版本3.2.13和Ruby 2.0.0编写Agile Web Development书籍，但在尝试访问localhost:3000时我一直收到以下错误： Sprockets::FileNotFound in Store#index couldn’t find file ‘jquery’ (in /Users/…/app/assets/javascripts/application.js:13) 我的application.js文件： // This is a manifest file that’ll be compiled into application.js, which will include all the files // listed below. // // … // //= require jquery //= require jquery-ui //= require jquery_ujs //= require_tree . 在我的Gemfile ，我有gem ‘jquery-rails’, ‘~> 2.3.0’并尝试了许多我在互联网上找到的不同解决方案无济于事。