淺談jQuery添加的HTML,JS失效的問題
更新時(shí)間：2016年10月05日 20:42:20 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談jQuery添加的HTML,JS失效的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
如下圖所示，
點(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="">-請選擇城市-</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ī)淼臏\談jQuery添加的HTML,JS失效的問題全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
jquery實(shí)現(xiàn)點(diǎn)擊展開列表同時(shí)隱藏其他列表
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊展開列表同時(shí)隱藏其他列表的方法,涉及jquery鼠標(biāo)事件及節(jié)點(diǎn)的遍歷與屬性操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖放商品放置購物車
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實(shí)現(xiàn)拖放商品放置購物車的功能，購物籃中的物品和價(jià)格也將進(jìn)行更新，感興趣的小伙伴們可以參考一下2015-11-11
jquery的ajax如何使用ajaxSetup做全局請求攔截
在Web開發(fā)中,Ajax是一種常用的前后端數(shù)據(jù)交互技術(shù),由于業(yè)務(wù)需求的復(fù)雜性和安全性的考慮,我們可能需要對(duì)Ajax請求進(jìn)行全局?jǐn)r截和處理,以便統(tǒng)一處理一些共性問題,如權(quán)限驗(yàn)證、錯(cuò)誤處理等,本項(xiàng)目方案將介紹如何使用jQuery的Ajax實(shí)現(xiàn)全局請求攔截2023-11-11
jQuery滾動(dòng)監(jiān)聽實(shí)現(xiàn)商城樓梯式導(dǎo)航效果
這篇文章主要介紹了jQuery滾動(dòng)監(jiān)聽，實(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
本篇文章主要是對(duì)利用js(jquery)操作Cookie的方法進(jìn)行了詳細(xì)的說明介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
本文主要給大家介紹了些jQuery的基礎(chǔ)知識(shí)，算是一個(gè)入門的小知識(shí)庫，包含jQuery簡介、對(duì)象轉(zhuǎn)換、以及基本選擇器和層次選擇器等知識(shí)點(diǎn)。2015-01-01
首次接觸jQuery是在2008年，上地的一家小公司。當(dāng)時(shí)的版本是1.1，在此之前我僅接觸過Prototype.js。2011-06-06
jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)淡入淡出二級(jí)下拉導(dǎo)航菜單的方法,涉及jquery簡單操作頁面元素展開與隱藏的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JQuery的ON()方法支持的所有事件羅列,本文列出了所有ON()方法支持的事件,摘自jQuery1.8.3的源碼,比較權(quán)威,需要的朋友可以參考下2015-02-02