淺談jQuery添加的HTML,JS失效的問(wèn)題
更新時(shí)間：2016年10月05日 20:42:20 投稿：jingxian
下面小編就為大家?guī)?lái)一篇淺談jQuery添加的HTML,JS失效的問(wèn)題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
如下圖所示，
點(diǎn)擊添加后，會(huì)新添加一行，但是二級(jí)聯(lián)動(dòng)就失效了，
$('.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="">-請(qǐng)選擇城市-</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綁定時(shí)間，而這里需要用live，設(shè)定時(shí)間為永久性存活。就OK了。
以上就是小編為大家?guī)?lái)的淺談jQuery添加的HTML,JS失效的問(wèn)題全部?jī)?nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
解決jQuery ajax請(qǐng)求在IE6中莫名中斷的問(wèn)題
本文主要介紹jQuery ajax請(qǐng)求在IE6中莫名中斷問(wèn)題的解決方法，有需要的朋友可以參考一下。2016-06-06
本篇文章主要介紹了jQuery中l(wèi)ayer分頁(yè)器的使用，實(shí)例介紹了layer分頁(yè)器的技巧，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-03-03
基于jquery可配置循環(huán)左右滾動(dòng)例子
基于jquery可配置循環(huán)左右滾動(dòng)例子，喜歡的朋友可以參考下。2011-09-09
jquery點(diǎn)擊切換背景色的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery點(diǎn)擊切換背景色的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
jquery picswitch圖片焦點(diǎn)圖展示效果
jquery pictureswitch制作圖片展示效果實(shí)現(xiàn)代碼，對(duì)于想用jquery實(shí)現(xiàn)焦點(diǎn)圖效果的朋友可以參考下。2010-05-05
本篇文章主要是對(duì)jquery事件重復(fù)綁定的快速解決方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要為大家分享了Jquery日歷插件e-calendar升級(jí)版,e-calendar是一個(gè)jQuery插件,創(chuàng)建一個(gè)事件日歷它很容易使用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
基于JQuery實(shí)現(xiàn)的Select級(jí)聯(lián)
Select級(jí)聯(lián)，想必大并不陌生吧，本文為大家介紹下使用jquery是如何快速實(shí)現(xiàn)的，希望對(duì)大家有所幫助2014-01-01
JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
使用JQuery可以非常容易地添加、獲取和改變某個(gè)HTML元素的內(nèi)容，你會(huì)為這種簡(jiǎn)便感到非常愉悅2014-06-06
這篇文章主要介紹通過(guò)Jquery如何給基本控件的取值、賦值,需要的朋友可以參考下2014-05-05