浅谈jQuery添加的HTML,JS失效的问题


Posted in Javascript onOctober 05, 2016

如下图所示,

浅谈jQuery添加的HTML,JS失效的问题

浅谈jQuery添加的HTML,JS失效的问题

点击添加后,会新添加一行,但是二级联动就失效了,

$('.provinceList').live('change', function(){ 
var provinceId = $(this).val(); 
var obj = $(this); 
$.post('/yuyue/ajaxCityList', {'provinceId':provinceId}, function(list){ 
  var data = eval( '(' + list + ')' ); 
  if( data . status == 0 ) 
  { 
    var html = '<option value="">-请选择城市-</option>'; 
    for ( var i=0; i < data . list . length; i++ ) 
    { 
      html += '<option value="'+ data . list[i] . region_id +'">' + data . list[i] . region_name + '</option>'; 
    } 
    obj.parent().find("select[name='region_id']").html(html); 
  } 
});

正常情况下,使用的是bind绑定时间,而这里需要用live,设定时间为永久性存活。就OK了。

以上就是小编为大家带来的浅谈jQuery添加的HTML,JS失效的问题全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Mozilla中显示textarea中选择的文字
Sep 07 Javascript
Prototype使用指南之dom.js
Jan 10 Javascript
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
Feb 09 Javascript
javascript 伪数组实现方法
Oct 11 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
express的中间件cookieParser详解
Dec 04 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
Feb 08 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
Oct 05 #Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 #Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 #Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 #Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 #Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 #Javascript
Jq通过td获取同行其它列td的方法
Oct 05 #Javascript
You might like
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
刚才在简化php的库,结果发现很多东西
2006/12/31 PHP
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
让您的菜单不离网站
2006/10/03 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Python实现学生成绩管理系统
2020/04/05 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
对numpy的array和python中自带的list之间相互转化详解
2018/04/13 Python
python生成密码字典的方法
2018/07/06 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
Python实现大数据收集至excel的思路详解
2020/01/03 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
护士自我鉴定范文
2013/10/06 职场文书
商场活动策划方案
2014/01/24 职场文书
爱我中华教学反思
2014/04/28 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
工作推荐信模板
2015/03/25 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
检察院起诉书
2015/05/20 职场文书
小人国观后感
2015/06/11 职场文书
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers