jQuery動態新增元素總結

NO IMAGE

在遇到某些業務,需要新增多個表單(在一個旅行團需要新增多個遊客,遊客數量不確定,為了操作方便新增多個遊客要在一個頁面完成),頁面設計:點選某個新增按鈕就會在頁面上動態新增表單元素。

以我的經驗通過jQuery中的clone()進行新增,

通常採用 $(selector).clone(false,true);

clone()方法引數詳解請參照  http://www.jquery123.com/clone/

clone後的元素通常會包含被克隆元素的值。

選擇clone的某個元素可以通過所clone元素的find()方法進行選擇,然後進行jQuery的操作。

如果clone的元素載入了某個外掛,需要先將clone元素的外掛銷燬,隨後在重新載入外掛。如果不重新載入,該元素的事件方法將與被克隆的元素所衝突。

銷燬外掛的方法:1、簡單而粗暴:通過瀏覽器的F12檢視到外掛所載入的元素,在通過jQuery進行刪除。

2、查詢外掛的官方API進行銷燬外掛

銷燬外掛後,再將需要載入外掛的元素進行載入外掛

將上述部分完成後,再將所克隆的元素新增到頁面合適的位置。