jquery - élément ajouté non draggable

Question

J'ai donc un élément div que j'ajoute sur mon DOM avec un clic sur un lien. Le problème est que je devrais être capable de déplacer cet élément, mais si je l'ajoute à mon DOM je ne peux pas le faire glisser du tout.

Alors, est la solution de la fonction live()? Si c'est le cas, comment dois-je l'utiliser? Je ne sais pas comment. Voici le code minimalistic:

élément

à ajouter (data.html):

<div id="menu"> 
    <p>random stuff here</p> 
</div> 

jquery:

$("#menu").draggable(); 

$("#button").click(function(){ 
    //custom function for exists() 
    if ($("#menu").exists()){ 
     $("#menu").remove(); 
    } 
    else { 
     $.get("data.html", function(data){ 
      $("body").append(data); 
     }); 
    } 
}); 

Answer 1

Lorsque vous ajoutez, bind événement de déplacement. Cela devrait ressembler à ceci:

$("#button").click(function(){ 
    //custom function for exists() 
    if ($("#menu").exists()){ 
     $("#menu").remove(); 
    } 
    else { 
     $.get("data.html", function(data){ 
      $("body").append(data); 
      $("#menu").draggable(); 
     }); 
    } 
});