ruby – Rails 3-在d出窗口中的ajax调用上部分渲染

ruby – Rails 3-在d出窗口中的ajax调用上部分渲染,第1张

概述我有一个带有remote => true的按钮,它按以下方式调用d出窗口( jqueryd出窗口,而不是真实窗口): $modal = $('#modal')$modal_close = $modal.find('.close')$modal_container = $('#modal-container')$task_select_div = $('.activity_task_add') 我有一个带有remote => true的按钮,它按以下方式调用d出窗口( jqueryd出窗口,而不是真实窗口):

$modal = $('#modal')$modal_close = $modal.find('.close')$modal_container = $('#modal-container')$task_select_div = $('.activity_task_add')# Handle modal links with the data-remote attribute$('a[data-remote]').on 'AJAX:success',(xhr,data,status) ->  $modal    .HTML(data)    .prepend($modal_close)    .CSS('top',$(window).scrolltop() + 150)    .show()#This is the callback that is not being executed.$('form[data-remote]').on 'AJAX:success',status) ->  alert(data)  $modal_container.hIDe()  $modal.hIDe()  $task_select_div.HTML(data)

在该d出窗口中,我在此表单的提交按钮中有另一个带有remote_tag的表单,我调用并在底部具有以下代码的 *** 作:

respond_to do |format|    if @task.save       format.HTML { redirect_to @task,notice: 'Task was successfully created.' }       format.Json { render Json: @task,status: :created,location: @task }       format.Js {render :partial => 'tasks',:locals => {:tasks => current_user.department.tasks}}    else     format.HTML { render action: "new" }     format.Json { render Json: @task.errors,status: :unprocessable_entity }    endend

它执行format.Js,控制台显示“Rendered tasks / _tasks.HTML.erb(5.8ms)”,但AJAX调用的回调不起作用.

$('form[data-remote]').on 'AJAX:success',status) ->  alert(data)

我需要收到一个AJAX:success事件才能隐藏Popup.
有帮助吗?

解决方法 删除此行:

format.Js {render :partial => 'tasks',:locals => {:tasks => current_user.department.tasks}}

更新你的Js回调:

$('form[data-remote]').on 'AJAX:success',status) ->  alert("hello world")  $modal_container.hIDe()  $modal.hIDe()  $task_select_div.HTML(<%= escape_JavaScript(render :partial => 'tasks',:locals => {:tasks => current_user.department.tasks} ) %>)
总结

以上是内存溢出为你收集整理的ruby – Rails 3-在d出窗口中的ajax调用上部分渲染全部内容,希望文章能够帮你解决ruby – Rails 3-在d出窗口中的ajax调用上部分渲染所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1272748.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-08
下一篇 2022-06-08

发表评论

登录后才能评论

评论列表(0条)

保存