浅谈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 相关文章推荐
javascript对象之内置对象Math使用方法
Apr 16 Javascript
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
json的前台操作和后台操作实现代码
Jan 20 Javascript
js中switch case循环实例代码
Dec 30 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
Mar 28 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
微信小程序之数据缓存的实例详解
Sep 29 Javascript
如何以Angular的姿势打开Font-Awesome详解
Apr 22 Javascript
基于JavaScript实现每日签到打卡轨迹功能
Nov 29 Javascript
JavaScript进制转换实现方法解析
Jan 18 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
JavaScript实现滑块验证解锁
Jan 07 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
PHP中include()与require()的区别说明
2010/03/10 PHP
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
浅析is_writable的php实现
2013/06/18 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
PHP中开启gzip压缩的2种方法
2015/01/31 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
解密效果
2006/06/23 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
nodejs使用redis作为缓存介质实现的封装缓存类示例
2018/02/07 NodeJs
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
2018/08/14 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
Python 类的特殊成员解析
2018/06/20 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
爱他美官方海外旗舰店:Aptamil奶粉
2017/12/22 全球购物
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
解释下面关于J2EE的名词
2013/11/15 面试题
家长给老师的道歉信
2014/01/13 职场文书
学生实习介绍信
2014/01/15 职场文书
茶叶店创业计划书范文
2014/01/19 职场文书
元旦晚会感言
2014/03/12 职场文书
大学英语演讲稿范文
2014/04/24 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
2014年征兵标语
2014/06/20 职场文书