问题:jquery绑定的事件对ajax刷新出的数据不生效

方法:可以用 jquery 里面的 on 和  delegate 预绑定父元素就可以触发的。

注意:某些限制下,个人用的是jquery 1.4.2版本,还不能更新到 1.7版本,on 绑定是报错的,用 delegate 可以的。

on对jquery 看网上资料是需要 1.7以后版本才支持,具体没试验。

案例:

搜索新数据,调用choic.php 将key传过去获取搜索内容返回到arcz里面。将 arcz 里面新刷新出来的选中的 复选框 一旦选中添加到 arcx里面去

(可以多次搜索添加,将最后arcx 里面的值统一调用就好)

搜索:<input type='input' name='key'> <input type='submit' value='提交' id='xuan'>

<ul id='arcz'>

<li><input name='checkarc' type='checkbox'>111</li>

<li><input name='checkarc' type='checkbox'>222</li>

<li><input name='checkarc' type='checkbox'>333</li>

</ul>

<ul id='arcx'>

</ul>

<script type="text/javascript">
$("#arcz").delegate("input","change",function(){
if($(this).is(':checked')){
    var v = $(this).val();
    var txt = $(this).parent('li').text();
    $("#arcx").append('<li><input type="checkbox" name="checkarc" value="'+v+'" checked="checked">'+txt+'</li>');
}
});
</script>

<script type="text/javascript">

$('#xuan').click(function(){
var key = $('input[name="key"]').val();
$.post(
  'choice.php',
  {'key':key},
  function(msg){
    $("#arcz").empty();
    var x = eval('('+msg+')');
    $.each(x,function(i,m){
      $("#arcz").append('<li><input type="checkbox"  value="'+m.id+'">'+m.title+'</li>');
    })
  }
);
})

</script>

其他知识点:

1、$(this).is(':checked') 判断是选中事件,change包括选中和取消选中。

2、获取选中元素及过滤js 数组 重复元素(本文字下面)

最后获取 arcx 里面 str 值:

var arr = new Array();
$('#arcx input[name="checkarc"]').each(function(i){
if(this.checked==true){
arr.push($(this).val());
}
});
var new_arr=[];

//去jquery重复数组元素
for(var i=0;i<arr.length;i++){
  var items=arr[i];
  if($.inArray(items,new_arr)==-1){
    new_arr.push(items);
  }
}
var str = new_arr.join(',');

转载于:https://www.cnblogs.com/lola/p/7798357.html

jquery绑定的事件对ajax刷新出的数据不生效,on可能受jquery版本影响相关推荐

  1. ajax点击事件触发后台,使用jquery点击事件触发AJAX

    我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...

  2. java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面)...

    [Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...

  3. jQuery绑定enter事件

    有时我们写jQuery绑定按钮事件时,执行成功后却发现,习惯性地按下"Enter"键不能提交?是不是我们要重新将"绑定按钮事件"再写一遍成"绑定ent ...

  4. 杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    1 筛选[掌握]  筛选与之前"选择器"雷同,筛选提供函数 1.1 过滤 eq(index|-index),获取第N个元素 •index:一个整数,指示元素基于0的位置,这个元素 ...

  5. 给服务器端下拉asp:DropDownList 绑定改变事件,Ajax绑定下拉

    给服务器端下拉asp:DropDownList 绑定改变事件,页面加载写ddl_GJ.Attributes.Add("onchange", "IsShow()" ...

  6. jQuery绑定一次性事件和注销事件

    绑定一次性事件 one()是on()的一个特例,用法与bind()完全相同,但是他绑定的事件在执行一次响应之后就会失效.用法如下: one(event,[data],dunction) 参数说明如下: ...

  7. jQuery绑定键盘事件

    作者:lina791211-----感谢作者!! 雪影工作室版权所有,转载请注明[http://blog.csdn.net/lina791211] 1.前言 Jquery绑定各种键盘输入事件. 键值获 ...

  8. Jquery绑定focus事件遇到的问题

    Jquery初始化时对元素进行绑定,如果中途把绑定的focus事件的元素位置发生变化,比如:元素的插入与移除,或者对元素进行复制操作,这个时候focus事件有可能失效.解决的办法:js添加一个计时器, ...

  9. jquery unbind 异步_jquery 使用 unbind 解决重复绑定执行事件

    存在问题 在jquery监听click事件的时候会出现点击一次没有重复,点击第二次就重复的情况.出现这个问题的原因是之前的click事件被绑定后,并没有解绑. 还原问题现场 先来看看需求:点击一个数据 ...

最新文章

  1. C# 线程知识--使用Task执行异步操作(转)
  2. 数据库-优化-数据库结构的优化-表范式化优化
  3. 用手机写代码:基于 Serverless 的在线编程能力探索
  4. mysql中ip用什么存,在MySQL中,价钱和IP用什么类型存储最好?
  5. 有时候能讲出来,比沉默要好吧
  6. matplotlib画三维图
  7. python学习需要多久?三个月够吗?
  8. 机器学习的可解释性(总结)
  9. could not locate named parameter 的解决方法
  10. Deepin UOS 20安装(附带镜像文件)
  11. 二进制位运算 左移与右移
  12. foot元素内容未满或超过一页都底部显示
  13. 微信小程序—自定义相机
  14. Git学习-Git时光机之版本回退(二)
  15. zigbee 之 路由
  16. SpringBoot+JWT实现登陆token验证并存储用户信息
  17. Matplotlib移动横纵坐标轴
  18. 2018web开发_Web设计人员和开发人员的新鲜资源(2018年6月)
  19. 飞思卡尔单片机教程(1)——从安装开始
  20. 银行卡和预付卡的区别

热门文章

  1. arXiv与文献调研神器Connected Papers强强联合
  2. PyTorch扩展自定义PyThon/C++(CUDA)算子的若干方法总结
  3. 2018年度计算机视觉GtiHub top开源项目!
  4. 深度学习二(Pytorch物体检测实战)
  5. 推荐系统遇上深度学习(八)--AFM模型理论和实践
  6. arcgis栅格邻域统计_地理工具学习--arcgis篇:单工具学习(14)
  7. microsoft query sql引用单元格_Microsoft.Office.Interop.Excel操作Excel拾遗
  8. c语言实现目录下文件的多选 反选,oto高清正版分享(53页)-原创力文档
  9. dart 怎么判断function的返回值为空_R 学习-第二章第二节- 尝试写个Function,超级菜鸟教程...
  10. 软考网络工程师学习笔记3-广域通信网