**编辑这篇文章,因为我发现问题真的是无法将rails绑定到ajax:success函数.

***使用导轨3.2.3

感谢您抽出时间阅读并尝试帮助.

我在ajax上添加一个简单的淡出功能:正在删除的项目的成功如下:

$(document).ready( jQuery(function($) {
    $('.delete').bind('ajax:success',function() {
        $(this).closest('div').fadeOut();
    });
}));
#For some reason had to pass the $into the function to get it to work,#not sure why this is necessary but doesn't work unless that is done.

之后,我想在用户添加某些东西时创建一个不引人注目的jQuery的对象,并且在这些对象上也有工作删除按钮.我创建了一个create.js.erb文件,该文件在创建一个新项目后调用,创建工作正常,但删除按钮无法访问ajax:success事件.

它在单击时会从数据库中删除数据,但.fadeOut不会与其绑定,因此它不会消失. create.js.erb如下:

#$("div").append(html) here,then call the function below to try and bind the ajax:success function
$('.delete').bind('ajax:complete',function() {
    $(this).closest('div').fadeOut();
});

如果我更改这个绑定到点击功能,它是有效的,但这并不考虑失败的ajax调用:

#$("div").append(html) here,then call the function below to try and bind the ajax:success function
    $('.delete').bind('click',function() {
        $(this).closest('div').fadeOut();
    });

所以有一些东西必须绑定到ajax:项目创建后的成功.你们有什么想法为什么会发生这种情况?我需要在rails上做一些特殊的事情来获取最新渲染的项目来识别ajax事件吗?任何方向都将不胜感激!

附:以下是用于删除方法的控制器,以防任何人能够检测到问题:

def destroy
    @user = User.find(params[:user_id])
    @item = @user.item.find(params[:id])
    @item.destroy

    respond_to do |format|
      format.html { redirect_to user_path(@user) }
      format.json { head :no_content }
      format.js { render :nothing => true }
    end
end

解决方法

问题听起来像在生成元素之前发生绑定.尝试这个:
$(document).on('ajax:success','.delete',function(e) {
    $(e.currentTarget).closest('div').fadeOut();
});

javascript – jQuery bind ajax:成功不能在rails 3应用程序新创建(ajax)项目的更多相关文章

  1. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  2. 在IOS9中的Cordova应用程序使用JQuery / Javascript的window.history问题

    在两个测试用例中唯一改变的是Cordova.js.解决方法我看到这是几个星期前,但我会发布这个,以防其他人遇到它.听起来它可能与iOS9中的哈希更改生成的导航事件有关.如果是这样,可以将其添加到index.html以禁用哈希侦听:

  3. iOS 5上的jQuery事件

    解决方法在Apple开发论坛上由一个人回答:我需要在将元素添加到DOM之后才绑定(),如下所示:

  4. ios – 如何修复pods许可证文件错误

    当我输入要么我为一个库获得以下内容:无法读取许可证文件/Users/me/Documents/project/myproject/company/myproduct/Pods/OHAttributedLabel/OHAttributedLabel/LICENSEforthespecOHAttributedLabel(3.5.3)有谁知道为什么?我被建议:无济于事解决方法TL;DRIt’sRuby2

  5. 应用程序关闭时的iOS任务

    我正在构建一个应用程序,通过ajax将文件上传到服务器.问题是用户很可能有时不会有互联网连接,并且客户希望在用户重新连接时安排ajax调用.这可能是用户在离线时安排文件上传并关闭应用程序.应用程序关闭时可以进行ajax调用吗?

  6. swift tableview中添加侧滑删除功能 类似qq删除

    在UITableViewDelegate中继承三个方法functableView(tableView:UITableView,canEditRowAtIndexPathindexPath:NSIndexPath)->BoolfunctableView(tableView:UITableView,editingStyleForRowAtIndexPathindexPath:NSIndexPath)-

  7. swift http post/get/delete/put

    Swift中的HTTP请求iOS开发中大部分App的网络数据交换是基于HTTP协议的。这个库通过封装NSURLSession,提供了GET/POST/PUT/DELETE以及上传和下载的支持,比较全面:4.使用Objective-C中的AFNetworking网络库AFNetworking库是在iOS开发领域享有盛名、功能强大的网络请求库。

  8. 使用swift开发OSX应用

    选择Swift作为开发语言,保持所有选项框反选,documentextension栏保留为空白。确保“AlsocreateXIBfileforuserinterface”为勾选,然后点Next。需要注意的是,在MacApp中,有大量的类和iOS中都类似,只不过是以NS前缀命名。在applicationDidFinishLaunching方法内,加入以下语句:masterViewController=MasterViewControllerwindow.contentView.addSubviewmaste

  9. 制作一个可以滑动操作的 Table View Cell

    本教程将会向你展示如何制作一个这样的TableViewCell,而不用因嵌套的ScrollView陷入困境。如果你还不知道一个可滑动的TableViewCell意味着什么,那么看看Apple的邮件应用:可能你会想,既然Apple展示了这种方案,那它应该已将其开放给开发者使用了。这会要求你深入研究iOS7UITableViewCell的结构,以便复制出我们需要的行为。打开MasterViewController.m并找到viewDidLoad。这个循环添加了一些字符串到_objects数组,应用运行时,这些

  10. Project Perfect让Swift在服务器端跑起来-让Perfect更Rails (五)

    让大家看看我对Perfect的改造。再说说Perfect的运行原理。其实当用户发送请求时,都是首先找到PerfectServerModuleInit()这个方法,根据指定规则去找对应的Handlers,之后通过Handlers的方法handleRequest去处理相对应的事务处理。其实handleRequest很接近我们的Controller,如果做成一个类似Rails的框架不是不可能的。首先我要扩展一下PerfectLib中的WebRequest和WebResponse这两个方法,针对WebReques

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github,点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件;对于前后端分离的开发模式,ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装,XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js,更小的压缩版本,可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装,VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js,更小的压缩版本,可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止,相当于仅仅完成了预检,还没发送真正的请求呢。

  5. form提交时,ajax上传文件并更新到<input>中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案:1.加cache:false2.url加随机数正常代码:网上高人解读:cache的作用就是第一次请求完毕之后,如果再次去请求,可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下,内容编码类型满足大多数情况。在这里,我们主要谈谈contentType=false.在使用ajax上传文件时:在其中先封装了一个formData对象,然后使用post方法将文件传给服务器。说到这,我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗?这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的,因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUploadoptions参数说明:1、url上传处理程序地址。2,fileElementId需要上传的文件域的ID,即的ID。3,secureuri是否启用安全提交,默认为false。4,dataType服务器返回的数据类型。6,error

  9. AJAX-Cache:一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段,在频繁的异步请求业务中,我们往往需要利用“缓存”提升界面响应速度,减少网络资源占用。AJAX-Cache是一款jQuery缓存插件,可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的,我该如何解决呢?必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位,那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部