我想克隆和追加元素。我追加後,我添加了一個toggle
動畫。在第一次點擊它工作正常。在我得到多元素後附加。克隆和追加點擊使多個元素和切換不工作
以及動畫無法正常工作。
下面是HTML:
<div class="parent hide">
<div class="header">
<h6>Header</h6>
</div>
<div class="content">
<p>paragraph content </p>
</div>
</div>
<div id="content">
</div>
<button>Add</button>
JS:
$('.parent').on('click', '.header', function() {
$(this).find('h6').toggleClass('name').end()
.siblings('.content').slideToggle();
});
$('button').on('click', function() {
var newParent = $('.parent').clone();
$('#content').append(newParent.removeClass('hide'));
});
UPDATE:
我更新了克隆傳遞var newParent = $('.parent').clone(true);
- 動漫作品!
這是細如只要他們沒有匹配的ID ... – 2015-01-09 19:09:06
當然,這是完全沒問題的。 我只是說他每次點擊按鈕時爲什麼會有越來越多的div。 – Marcel 2015-01-09 19:09:28
這樣更好:) – 2015-01-09 19:12:16