浅谈jQuery添加的HTML,JS失效的问题
更新时间：2016年10月05日 20:42:20 投稿：jingxian
下面小编就为大家带来一篇浅谈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失效的问题全部内容了，希望大家多多支持脚本之家~
相关文章
这篇文章主要介绍了jquery实现点击展开列表同时隐藏其他列表的方法,涉及jquery鼠标事件及节点的遍历与属性操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
这篇文章主要帮助大家轻松学习EasyUI实现拖放商品放置购物车的功能，购物篮中的物品和价格也将进行更新，感兴趣的小伙伴们可以参考一下2015-11-11
jquery的ajax如何使用ajaxSetup做全局请求拦截
在Web开发中,Ajax是一种常用的前后端数据交互技术,由于业务需求的复杂性和安全性的考虑,我们可能需要对Ajax请求进行全局拦截和处理,以便统一处理一些共性问题,如权限验证、错误处理等,本项目方案将介绍如何使用jQuery的Ajax实现全局请求拦截2023-11-11
这篇文章主要介绍了jQuery滚动监听，实现商城楼梯式导航,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
jQuery 1.9.1源码分析系列（十四）之常用jQuery工具
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十四）之常用jQuery工具的相关资料,需要的朋友可以参考下2015-12-12
本篇文章主要是对利用js(jquery)操作Cookie的方法进行了详细的说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本文主要给大家介绍了些jQuery的基础知识，算是一个入门的小知识库，包含jQuery简介、对象转换、以及基本选择器和层次选择器等知识点。2015-01-01
首次接触jQuery是在2008年，上地的一家小公司。当时的版本是1.1，在此之前我仅接触过Prototype.js。2011-06-06
这篇文章主要介绍了jQuery实现淡入淡出二级下拉导航菜单的方法,涉及jquery简单操作页面元素展开与隐藏的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了JQuery的ON()方法支持的所有事件罗列,本文列出了所有ON()方法支持的事件,摘自jQuery1.8.3的源码,比较权威,需要的朋友可以参考下2015-02-02
最新评论