jquery绑定的事件对ajax刷新出的数据不生效,on可能受jquery版本影响
问题: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版本影响相关推荐
- ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
- java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面)...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
- jQuery绑定enter事件
有时我们写jQuery绑定按钮事件时,执行成功后却发现,习惯性地按下"Enter"键不能提交?是不是我们要重新将"绑定按钮事件"再写一遍成"绑定ent ...
- 杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)
1 筛选[掌握] 筛选与之前"选择器"雷同,筛选提供函数 1.1 过滤 eq(index|-index),获取第N个元素 •index:一个整数,指示元素基于0的位置,这个元素 ...
- 给服务器端下拉asp:DropDownList 绑定改变事件,Ajax绑定下拉
给服务器端下拉asp:DropDownList 绑定改变事件,页面加载写ddl_GJ.Attributes.Add("onchange", "IsShow()" ...
- jQuery绑定一次性事件和注销事件
绑定一次性事件 one()是on()的一个特例,用法与bind()完全相同,但是他绑定的事件在执行一次响应之后就会失效.用法如下: one(event,[data],dunction) 参数说明如下: ...
- jQuery绑定键盘事件
作者:lina791211-----感谢作者!! 雪影工作室版权所有,转载请注明[http://blog.csdn.net/lina791211] 1.前言 Jquery绑定各种键盘输入事件. 键值获 ...
- Jquery绑定focus事件遇到的问题
Jquery初始化时对元素进行绑定,如果中途把绑定的focus事件的元素位置发生变化,比如:元素的插入与移除,或者对元素进行复制操作,这个时候focus事件有可能失效.解决的办法:js添加一个计时器, ...
- jquery unbind 异步_jquery 使用 unbind 解决重复绑定执行事件
存在问题 在jquery监听click事件的时候会出现点击一次没有重复,点击第二次就重复的情况.出现这个问题的原因是之前的click事件被绑定后,并没有解绑. 还原问题现场 先来看看需求:点击一个数据 ...
最新文章
- C# 线程知识--使用Task执行异步操作(转)
- 数据库-优化-数据库结构的优化-表范式化优化
- 用手机写代码:基于 Serverless 的在线编程能力探索
- mysql中ip用什么存,在MySQL中,价钱和IP用什么类型存储最好?
- 有时候能讲出来,比沉默要好吧
- matplotlib画三维图
- python学习需要多久?三个月够吗?
- 机器学习的可解释性(总结)
- could not locate named parameter 的解决方法
- Deepin UOS 20安装(附带镜像文件)
- 二进制位运算 左移与右移
- foot元素内容未满或超过一页都底部显示
- 微信小程序—自定义相机
- Git学习-Git时光机之版本回退(二)
- zigbee 之 路由
- SpringBoot+JWT实现登陆token验证并存储用户信息
- Matplotlib移动横纵坐标轴
- 2018web开发_Web设计人员和开发人员的新鲜资源(2018年6月)
- 飞思卡尔单片机教程(1)——从安装开始
- 银行卡和预付卡的区别
热门文章
- arXiv与文献调研神器Connected Papers强强联合
- PyTorch扩展自定义PyThon/C++(CUDA)算子的若干方法总结
- 2018年度计算机视觉GtiHub top开源项目!
- 深度学习二(Pytorch物体检测实战)
- 推荐系统遇上深度学习(八)--AFM模型理论和实践
- arcgis栅格邻域统计_地理工具学习--arcgis篇:单工具学习(14)
- microsoft query sql引用单元格_Microsoft.Office.Interop.Excel操作Excel拾遗
- c语言实现目录下文件的多选 反选,oto高清正版分享(53页)-原创力文档
- dart 怎么判断function的返回值为空_R 学习-第二章第二节- 尝试写个Function,超级菜鸟教程...
- 软考网络工程师学习笔记3-广域通信网