Tag: ruby on rails 3.2

jquery history.pushState脚本仅在第一次运行

我正在尝试使用ajax进行分页,使用pushState来更新url。 我遇到的问题是它只在第一次执行。 我的完整设置如下 Rails 3.2,Jquery,Kaminari(分页gem) 所以这是我用来更新url的代码 jQuery -> $(“.pagination a[data-remote=true]”).on ‘click’, (e) -> e.preventDefault() history.pushState {}, ”, $(this).attr(“href”) 并在show.js.erb上,更新我使用的内容 $(“#reviews”).html(”) $(“#paginator”).html(‘ true).to_s) %>’); 该节目每次都有效,但第一个脚本仅在第一次播放。 如果我在生成的脚本上设置了一个断点,我可以看到脚本第一次被调用时,它可以正常工作,但之后它永远不会被调用,就好像我猜的那样有一些解除绑定。

如何让Rquery动画在Rails 3.2.8中工作?

我在我的Rails应用程序中使用jQuery的animate()方法。 但是,我无法让它发挥作用。 这是我的application.js文件: //= require jquery //= require jquery_ujs //= require_tree . 我尝试在那里添加//= require jquery-ui ,但它导致我的应用程序崩溃: couldn’t find file ‘jquery-ui’ 谁能告诉我我失踪了什么? 谢谢你的帮助。

rails 3如何使用jquery提交远程表单并避免回调

我有一个remote => true表单,并希望提交它并避免提交方法。 通常我会这样做 form$.get(0).submit() form$.submit(function(){..avoid going here..}) 但这会将表单发送为html而不是js。 有没有办法做到这一点并获得js作为回应? 谢谢!

在Rails 3.2中的Twitter Bootstrap的“bootstrap-popover.js”中设置“popovers”样式

在这里使用Rails 3.2和Twitter Bootstrap“bootstrap-popover.js”和“bootstrap-tooltip.js” 这就是我想要发生的事情: 当我将鼠标hover在: 在“bootstrap-popover.js”和“bootstrap-tooltip.js”中,我有$(’a’)。popover(placement:’top’) ;. 我可以指定哪些其他选项,以使弹出窗口显示为如上图所示,选项“标题”和“这里有一些令人惊叹的内容。它非常吸引人吗?” 这是我目前获得的图片: 谢谢。

当我更改了data-bind =“delete”Rails时,为什么我的链接仍然使用Post提交

我有以下链接: 创建工具包后,我更改链接如下: 我更改了href和data-method,以便它应该提交给destroy动作。 但它仍然作为POST提交 为什么这样,我如何解决这个问题,以便将其作为“删除”提交?

jQuery“对象函数(e,t){return new v.fn.init(e,t,n)}没有方法’on’”

我正在关注@coreyward的例子, 它将对象编辑表单放在Rails中的modal dialog窗口中,这在本答案中有所概述,并在此要点中针对rails 3.1进行了更新 。 我正在使用Rails 3.2.8和jQuery-Rails 2.1.3(jQuery 1.8.2正在应用程序中加载)。 然而,这个来自要点的coffeescript引起了第7行(评论后面)标题中的错误。 $ -> $modal = $(‘#modal’) $modal_close = $modal.find(‘.close’) $modal_container = $(‘#modal-container’) # Handle modal links with the data-remote attribute $.on ‘ajax:success’, ‘a[data-remote]’, (xhr, data, status) -> $modal .html(data) .prepend($modal_close) .css(‘top’, $(window).scrollTop() + 40) .show() $modal_container.show(); $.on ‘click’, ‘#modal .close’, -> $modal_container.hide() $modal.hide() false 关于这个问题的评论让我知道这个jQuery版本问题可能是原因,这就是为什么我检查了我的jQuery版本,但显然这个jQuery并不像解决这个问题那样古老。 我还validation了在此脚本之前加载了jQuery(或者至少,它在加载顺序中位于此脚本之上)。 […]

Rails ajax表单不是从另一个内部提交的

我有一个Rails 3.2 ajax表单,为酒店创建了一个新房间。 新的Room ajax表单在Room索引页面上正常工作,但是一旦我在Hotel编辑页面上嵌入了新的Room ajax表单,表单就会正常提交而不使用Ajax。 要创建新的Room表单,请使用Hotel edit.html.erb页面上的以下链接: @hotel.id), :remote => true, :class => ‘new_room’ %> 这会将以下表单部分加载到同一页面: true, :html => { :class => “remote-form” } do |f| %> @hotel_id %> ‘room_create’ %> “room_cancel” %> 最后,我在create.js.erb(在rooms文件夹中)中有以下内容: alert(‘Test creating a room’); var content = $(”); $(“#room_list tbody”).append(content); 没有执行create.js.erb并定期提交表单(非ajax),我终于到达了show.html.erb页面。 为什么表单在单位索引页面上正常工作,而不是在相关的酒店编辑页面上?

rails 3.2.1上的morris.js无法从html获取json

我在morris.js图形库上有一个奇怪的错误 这适用于graphs.js $(document).ready(function() { Morris.Line({ element: ‘annual’, data: [ {y: ‘2012’, a: 100}, {y: ‘2011’, a: 75}, {y: ‘2010’, a: 50}, {y: ‘2009’, a: 75}, {y: ‘2008’, a: 50}, {y: ‘2007’, a: 75}, {y: ‘2006’, a: 100} ], xkey: ‘y’, ykeys: [‘a’], labels: [‘Series A’] }); }) 这不是graphs.js $(document).ready(function() { Morris.Line({ element: ‘annual’, data: $(‘#logs_chart’).data(‘logs’), […]

Rails Ajax Render Partial(投票系统)

我无法通过Ajax请求重新呈现部分内容。 我现在可以通过js文件传递其他内容,例如alert(),甚至更改当前div中的html。 但是当我尝试渲染部分(在这种情况下为评级)时,什么都不会刷新。 部分在它们在分页和加载时渲染的意义上工作得很好,但是在我点击upvote或downvote之后却没有。 我正在使用嵌套的部分,以便首先渲染_tracks,然后_rating。 这就是我所拥有的……我错过了什么? vote.js.erb $(“.rating”).html(” ‘rating’)) %>”) 有了这个,我也是这些,没有成功。 $(“.rating”).html(“”) $(“.rating”).html(” “rating”, :locals => { :track => track }) ) %>”) 另一方面,这确实有效: $(“.rating”).html(“”) _tracks.html.erb “rating”, :locals => { :track => track } %> <a href="https://stackoverflow.com/questions/11654021/rails-ajax-render-partial-voting-system/”> _rating.html.erb “up”), :remote => true %> “down”), :remote => true %> 跟踪控制器 @vote.update_attributes(:vote_type => params[:type]) if @vote.save respond_to […]

如何使用rails 3对jQuery ajax成功方法进行部分渲染

我正在使用rails 3.2.1和jQuery进行ajax调用。 我的jQuery代码是: jQuery.ajax({ url: “/org_pages”, data: ‘org_id=’+ org_id, type: “POST”, success: function(result){ jQuery(“#image_center”).html(” ‘pages/top_link’)) %>”); }, error: function(){ alert(‘Error occured’); } }); 我的问题是在网页上输出显示: ‘pages/top_link’, :collection=>@pages %> 它应该如何显示我的渲染部分页面。 🙁