淺談jQuery添加的HTML,JS失效的問題
更新時間:2016年10月05日 20:42:20 投稿:jingxian
下面小編就為大家?guī)硪黄獪\談jQuery添加的HTML,JS失效的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
如下圖所示,
點擊添加后,會新添加一行,但是二級聯(lián)動就失效了,
$('.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,設(shè)定時間為永久性存活。就OK了。
以上就是小編為大家?guī)淼臏\談jQuery添加的HTML,JS失效的問題全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
基于JQuery實現(xiàn)的Select級聯(lián)
Select級聯(lián),想必大并不陌生吧,本文為大家介紹下使用jquery是如何快速實現(xiàn)的,希望對大家有所幫助2014-01-01JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實現(xiàn)代碼
使用JQuery可以非常容易地添加、獲取和改變某個HTML元素的內(nèi)容,你會為這種簡便感到非常愉悅2014-06-06