Tag: ruby on rails

Ruby on Rails,Low Pro和JQuery(通过JRails)

我在Ruby on Rails上使用JRails ,因此我可以简单地使用jQuery,因为我对它更熟悉。 我也试图使用Low Pro远程提交我的一些表格。 我目前遇到了一个让我难过的有趣问题。 我已将以下内容添加到我的application.js文件中,我知道这些工作正常,因为我看到响应已返回(在Firefox中使用Firebug): $.ajaxSetup({ dataType: “script” }); $(function() { $(‘a.remote’).attach(Remote.Link); $(‘form.remote’).attach(Remote.Form); }); 我所要做的就是将class=”remote”添加到我的链接和我的表单中,一切都很好。 dataType: “script”部分确保它对返回的响应文本执行eval() ,以便它可以正确更新页面。 所以,我有一个简单的链接,创建一个新的货物。 在我的new.js.rjs文件中,我有以下内容: page.insert_html :bottom, ‘#shipments_table’, :partial => ‘test’, :locals => { :shipment => @shipment } 如果我用page.visual_effect :fade, ‘#shipments_table’替换它page.visual_effect :fade, ‘#shipments_table’就像你期望的那样。 如果我的_test.html.erb文件相当简单,它也可以。 问题是当我尝试将 添加到我的部分时。 根据 标签的位置,会出现不同的问题。 例如,这个 Some Text 还有这个 Some Text 绝对没有出现。 这个 Some […]

fadeOut()效果在firefox上运行正常,但在chrome上运行不正常

我有一个项目列表,每个项目旁边都有一个标准的CRUD。 我在下面添加了js函数,用于删除时淡化的项目。 这种效果在Firefox上运行得很好,但在Chrome上却没有。 它确实删除了该项目,但没有显示效果。 有人可以帮忙吗? 到底是怎么回事? $(document).ready(function() { $(‘.delete_phone’).bind(‘ajax:success’, function() { $(this).closest(‘tr’).fadeOut(); }); }); 非常感谢!

Ruby on Rails – 通过jQuery / Ajax在另一个View中渲染部分

我的show-method视图中有一个链接。 此链接应在后台运行此模型的create-method,如果已完成,则应更改此视图中的样式和链接。 我不能管理它来改变其他方法的按钮。 查看 : “default_list”, :mashupdb_id => @movie.mashupdb_id),:method => “post”, :remote => true, :class =>”a a-label” %> 控制器创建动作: respond_to do |format| format.html do if request.xhr? render :partial => “movies/delete_from_default_list”, :layout => “movies/show”, :status => :created end end format.json { render :json => @movie } end jQuery的: jQuery(function($) { // Callback for rendering via HTML […]

jQuery UI选项卡:不匹配的片段标识符

我正在尝试使用jQuery(UI),Haml和Rails创建约会调度程序。 我将在接下来的4周制作一组标签。 #schedule %ul – @schedule.each_index do |i| %li %a{:href => “#schedule-#{i}”} #{@schedule[i][:week_range]} – @schedule.each_index do |i| %div{:id => “#schedule-#{i}”} %p test 理想情况下,这会创建一组标签,例如(12月27日 – 1月N日)作为标签标题,然后在每个框中进行“测试”。 在applications.js我有: $(‘#schedule’).tabs(); 但是,这不能正确呈现,当我单击选项卡时,它会在javascript控制台中给出这个错误: jQuery UI Tabs: Mismatching fragment identifier. 我正在使用最新的jQuery和jQuery UI版本。 谁能告诉我我做错了什么? 这是相应的HTML的样子: December 27 – January 2 January 3 – January 9 January 10 – January 16 January 17 […]

过滤类别

在我的应用程序中,我有一个提供者列表,每个提供者都有类别。 我的模型如下: class Categorization < ApplicationRecord belongs_to :category belongs_to :provider end class Category < ApplicationRecord has_many :categorizations has_many :providers, through: :categorizations accepts_nested_attributes_for :categorizations end class Provider < ApplicationRecord has_many :categorizations has_many :categories, through: :categorizations accepts_nested_attributes_for :categorizations end 在一个视图中,我有2个ul列表。 第一个是提供者列表,第二个是类别列表。 看起来像: <li id="_” class=”btn-up”> <li id="aside_” class=”btn-aside”><i class="category_image" style="background: url() no-repeat;”> 当我没有rails实现时,当我点击提供者时(它也是硬编码的,以及类别),我可以看到,类别被过滤了。 它是由js制作的: var $btns = […]

Rails 3,javascript在生产中运行时“找不到”

我知道它与资产有关,我会预先编译资产 bundle exec rake assets:precompile 但是浏览器只为一个javascript(jquery.formalize.min.js)文件提供了404,这个文件由于某种原因没有生成。 但是在预编译的application-xxxxxx.js中有jquery.formalize.min.js的代码。 我把它包括在: Chrome中的错误消息如下所示: GET http://example.com/assets/jquery.formalize.min-724f21bf646762e539aa18c8db1d4d43.js 404 (Not Found) formalize js文件的完整路径是app / assets / formalize / jquery.formalize.min.js。 当然,application.js正在加载正常。 如何加载formalize / jquery.formalize.min.js? 谢谢。

ruby on rails:使用JQuery提交一个单击check_box的表单

我有一张表格。 我在number_field标记中添加了一个JQuery onchange submit。 我想为check_box_tag做同样的事情。 如果您单击一个复选框,我希望表单被提交。 我尝试了很多选择,但我没有得到它。 希望您能够帮助我。 “list”, :remote => true) do %> @size, :onchange => (“javascript: document.list.submit();”)) %> Equipment true, :onclick => (“javascript: document.list.submit();”)}) %>

Ruby on Rails按钮单击以使用jQuery填充text_field

我试图使用jQuery点击按钮填充text_field并有几个问题。 我在这里发布了一个关于这个的问题,但不确定提供的答案,因为它看起来过于复杂(这可能是正确的,但我没有运气实施)… Ruby on Rails jQuery按钮单击填充text_field 确认按照基督徒在其他问题中提到的方式或更简单的方式来做这件事会很棒,并且样本代码将非常受欢迎。 正如在另一个问题中提到的,我对ROR和jQuery都很新。 关于这个问题的更多信息…… 该按钮在new和edit.html.erb中都会退出,并且位于text_field旁边的form_for块中(我有一个单独的按钮来提交表单)。 我希望能够使用Ruby方法SecureRandom.urlsafe_base64填充该字段。 我使用button_tag是否正确? 应该在哪里找到javascript文件,我已经阅读了一些关于这个,有些人提到创建一个edit.js.erb文件并让控制器也响应javascript。 我对这个过程有点不确定,因为我需要在新页面和编辑页面中使用类似的function,所以一个全局jQuery函数会更好。 如果通过jQuery从控制器调用方法是正确的方法,有人可以提供一些示例代码,说明这是如何完成的,因为我在尝试时没有运气。 如果可以从js.erb文件调用SecureRandom.urlsafe_base64,并且每次单击按钮时都会更新字段,这将是理想的。 从另一个问题可以看出,我得到了一些工作,但我现在陷入困境,而且变得非常绝望。 我将不胜感激任何帮助和示例代码。 万分感谢!

Rails 3.1 CoffeeScript / JQuery – 如何在div中更改图像的来源?

我想用jquery更改链接的图像。 这是我试过的: 在我的Haml文件中: .selected = link_to image_tag(‘/assets/unselected.png’), {:controller => Posts, :action => “update”, :selected => true}, :id => “selected_post”, :remote => true, :method => :put 在我的posts_controller中的一些东西之后,这里是update.js.coffee,我试图用一个名为selected.png的新映像更改链接的图像: $(“selected_post”).attr ‘src’, ‘/assets/selected.png’ 我不工作,如果我拨打警报: alert $(“selected_post”).attr ‘src’ 它发送“未定义”。 我想我错过了一些东西。

用rails中的ajax刷新div

我有一个todo类型的应用程序,在他们的div任务有p id =“task _”+ 子任务。我有一个表单,用于在我的项目的每个显示页面创建一个新的子任务。 要理解这一点,我正在使用的代码 它是项目的show.html.erb @project %> 这是部分项目 task %> 然后他们是部分任务 <div class="span5 tasks" id='tasks_’> <div class="addtaskdiv" id="addtaskdiv_”> subtask %> <!– <a data-id='’ href=”#” style=”float:right;”> <div class="subtaskform" id="subtask_form_” style=”width:218px;margin:0 2px 0px 3px;”> true do |f| %> <a data-id='’ href=”#”> <p class="addcard" id="addcard_”><a href="#" data-id='’ id=’add_card_’>Add a card… 最后这里是子任务的部分内容 <a data-id='’ href=”#” style=”float:right;” class=”dropdown-toggle” […]