Je veux simplement un clone de plus sur chaque Cliquez sur. Ai-je manqué quelque chose d'évident_ merci
script: html:
8 Réponses :
Essayez ceci
0 commentaires
Vos clones ont toujours la classe Quelque chose comme ça, ajoutant les clones de la classe et filtrant ces éléments: P> clonitem code> donc sont donc clonés à nouveau.
Soit supprimer cette classe ou changer le sélecteur afin qu'il ne les inclure pas. $(function(){
$('input').click(function(){
$('.cloneitem').not('.cloned').clone().addClass('cloned').appendTo('#container');
});
});
$ ('. Clonitem') pourrait toujours être plus d'un élément. Pourrait être une bonne idée d'utiliser une carte d'identité plutôt que d'une classe pour le modèle d'élément (élément à clone).
$(function(){
var clone = $('.cloneitem').clone();
$('input').click(function(){
clone.clone().appendTo('#container');
});
});
http://jsfiddle.net/tZuDe/
Utiliser $ ('. CLONEITEM') CODE> Sélectionne tous les éléments avec CLONEITEM CODE> Classe. .First () Code>: P > $('input').click(function(){
$('.cloneitem').first().clone().appendTo('#container');
});
Vous clonez tous les éléments avec une classe "clonitem", donc dans la première fois qu'il clôture une fois, dans la deuxième fois, il cloné deux ..
U peut le réparer en filtrant uniquement le premier objet comme celui-ci: Vous pouvez également sélectionner toujours le dernier: ou juste Bind .clone () au premier élément:
Vous clonant un élément avec la classe "cloneItem" puis ajoute l'élément cloné avec la même classe causant des problèmes pour le clone suivant.
$(function() {
$('input').click(function(){
$('.cloneitem').first().clone().removeClass('cloneItem').appendTo('#container');
}); // edited
});
Vous devez supprimer le .First () , car il est désygray, car la classe Clones CloneItem est supprimée, elles ne seront pas clonées de toute façon. De cette façon, plusieurs articles peuvent être clonés à la fois, si vous le souhaitez.
avait le même problème. Ajoutez un ID à la DIV que vous souhaitez cloner de cette façon c'est unique. Un élément ne peut avoir qu'un seul identifiant mais de nombreuses classes.
$("#addmore").on('click',function(event){
event.preventDefault();
$("tr:eq(1)").clone().appendTo("tbody");
});
//you can use :eq(index) selector to target which row you want to clone.