JQUERY, oggetto clonato

[Sasuccio87]

Ho aperto un’altra discussione, in quanto ho notato che il problema non sta nel contextMenu. Vi spiego Bene.
Ho realizzato un Drag And Drop con JQUERY. Ho un oggetto padre, che col drang lo clono, procurandomi così un oggetto figlio. Adesso in questo oggetto figlio (oggetto clonato), voglio applicare determinate operazioni, cambiare id, cambiare classe, aggiungere tag come href etc etc, ma ho notato che quando eseguo queste operazioni, vengono effettuate sull’oggetto padre e non su quello clonato. Qualcuno ha mai riscontrato questi problemi?

Grazie di tutto.

[Vindav]

posta il codice che hai utilizzato, altrimenti viene difficile aiutarti...

[Sasuccio87]

Certo subito^^

$(document).ready(function(){

   //Tutto ciò che ha la classe 'oggetti' è draggabile.
    $(".oggetti").draggable({
        helper: 'clone'
    });

     //Questo è il div carrello che conterrà oggetti.
     $(".carrello").droppable({
        accept: ".oggetti",
        hoverClass: 'carrello_hover',
        tolerance: 'pointer',

        drop: function(event, ui) {

            //Qui clono l'oggetto che ho trascinato.
            $(this).append($(ui.draggable).clone());
        }
    });

}); 

Adesso supponiamo che volessi cambiare id all'oggetto trascinato...come dovrei fare? Ho provato a fare:

//Recupero l'id oggetto del clone
var idOggetto = ui.draggable.attr("id");
$("#"+idOggetto ).attr("id","nuovo valore id"); 

Però lo cambia soltanto all'oggetto padre e non al clone...io invece vorrei farlo soltanto al clone

[Vindav]

drop: function(event, ui) { 

            //Qui clono l'oggetto che ho trascinato. 
           $objClone = $(ui.draggable).clone().attr("id","nuovo id")
            $(this).append($objClone ); 
        }

[Sasuccio87]

good...funge alla grande. Per poi prendere l'oggetto in riferimento?

$("#nuovoid").html(); 

Così dovrebbe darmi tutto l'oggetto che ho clonato? Tipo un div o un'immagine etc etc?

[Vindav]

$("#nuovoid")

Cosi fai rifermento al nuovo elemento appena clonato, questo avrà tutti i suoi attributi e metodi come qualunque altro oggetto... con $("#nuovoid").html() invece fai rifermento a tutto ciò che è contenuto all'interno dell'elemento, ti faccio un esempio:

<div id="nuovoid">ciao</div>
- $("#nuovoid").html() ti torna "ciao"

<div id="nuovoid"><div id="divcontenuto">ciao</div></div>
-$("#nuovoid").html() ti torna "<div id="divcontenuto">ciao</div>"

[Sasuccio87]

aspetta, forse hai sbagliato a scrivere, ciao ti torna senza il metodo html(); giusto?...

[Vindav]

no! senza il metodo ti torna l'elemento html con id uguale a "nuovoid"

metodo html()
selector id

[Sasuccio87]

Aspetta scusa se ti rompo ancora ^^ però voglio capire per bene .

<div id="nuovoid">ciao</div> 
- $("#nuovoid").html() ti torna "ciao"

<div id="nuovoid"><div id="divcontenuto">ciao</div></div> 
-$("#nuovoid").html() ti torna "<div id="divcontenuto">ciao</div>" 

Mi sembra uguale...ciao quando torna?

[Vindav]

probabilmente sono io che non riesco a spiegarmi bene, ma piu che metterti la documentazione ufficiale non so che fare, fatti delle prove metti degli alert nel codice cosi vedi la differenza.

<div id="nuovoid">ciao</div>  
<div id="nuovoid2"><div id="divcontenuto">ciao</div></div>  
<script>
alert($("#nuovoid").html());
alert($("#nuovoid2").html());
alert($("#nuovoid"));
//ecc...
</script>