淺談jQuery添加的HTML,JS失效的問(wèn)題
如下圖所示,


點(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實(shí)現(xiàn)點(diǎn)擊展開(kāi)列表同時(shí)隱藏其他列表
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊展開(kāi)列表同時(shí)隱藏其他列表的方法,涉及jquery鼠標(biāo)事件及節(jié)點(diǎn)的遍歷與屬性操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車的功能,購(gòu)物籃中的物品和價(jià)格也將進(jìn)行更新,感興趣的小伙伴們可以參考一下2015-11-11
jquery的ajax如何使用ajaxSetup做全局請(qǐng)求攔截
在Web開(kāi)發(fā)中,Ajax是一種常用的前后端數(shù)據(jù)交互技術(shù),由于業(yè)務(wù)需求的復(fù)雜性和安全性的考慮,我們可能需要對(duì)Ajax請(qǐng)求進(jìn)行全局?jǐn)r截和處理,以便統(tǒng)一處理一些共性問(wèn)題,如權(quán)限驗(yàn)證、錯(cuò)誤處理等,本項(xiàng)目方案將介紹如何使用jQuery的Ajax實(shí)現(xiàn)全局請(qǐng)求攔截2023-11-11
jQuery滾動(dòng)監(jiān)聽(tīng)實(shí)現(xiàn)商城樓梯式導(dǎo)航效果
這篇文章主要介紹了jQuery滾動(dòng)監(jiān)聽(tīng),實(shí)現(xiàn)商城樓梯式導(dǎo)航,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03
jQuery 1.9.1源碼分析系列(十四)之常用jQuery工具
這篇文章主要介紹了jQuery 1.9.1源碼分析系列(十四)之常用jQuery工具的相關(guān)資料,需要的朋友可以參考下2015-12-12
利用js(jquery)操作Cookie的方法說(shuō)明
本篇文章主要是對(duì)利用js(jquery)操作Cookie的方法進(jìn)行了詳細(xì)的說(shuō)明介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法,涉及jquery簡(jiǎn)單操作頁(yè)面元素展開(kāi)與隱藏的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08

