Utilisation de JQuery sur les variables JavaScript

Question

$.getJSON('ajax_popup.php', function(data) 
{ 
    var popupDiv = decodeURIComponent(data.data); 
    $('body').append(popupDiv); 
}); 

Cet élément de code renvoie <div> élément contenant d'autres éléments XHTML. Il est retourné au format JSON avec JQuery. Le XHTML renvoyé par data.data est stocké dans une variable JavaScript en décodant d'abord les données codées UTF-8. L'élément DIV est une fenêtre contextuelle personnalisée. Le code ci-dessus fonctionne, MAIS je veux le faire glisser à l'aide de la méthode .draggable() de JQuery UI, mais je ne sais pas où l'utiliser et comment le faire fonctionner dans ce cas.

J'ai essayé:

popupDiv.draggable(); 

Mais cela n'a pas fonctionné.

Et:

$('body').append(popupDiv).draggable(); 

Mais il a fait l'élément du corps draggable: D

Answer 1

Essayez ceci:

$(popupDiv).draggable();

Answer 2

La fonction jQuery peut transformer un texte en jQuery étendu des éléments DOM. Donc:.

$.getJSON('ajax_popup.php', function(data) { 
    var popupDiv = decodeURIComponent(data.data); 
    $('body').append($(popupDiv).draggable()); 
}); 

Answer 3

Pour convertir javascript variable pour objet jquery, utilisez $() Se reporter à la javascript variable to jQuery object