Использование JQuery для переменных JavaScript

Question

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

Этот фрагмент кода возвращает элемент <div>, в котором есть другие элементы XHTML. Возвращается в формате JSON с JQuery. Возвращенный XHTML из data.data сохраняется в переменную JavaScript при первом декодировании данных в кодировке UTF-8. Элемент DIV является настраиваемым всплывающим окном. Приведенный выше код работает, НО я хочу сделать его перетаскиваемым с помощью метода .draggable () пользовательского интерфейса JQuery, но я не знаю, где его использовать и как заставить его работать в этом случае.

Я пробовал:

popupDiv.draggable();

Но это не сработало.

И

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

Но это сделало элемент тела перетаскиваемым: D

Answer 1

Попробуйте это:

$(popupDiv).draggable();

Answer 2

Функция jQuery может превращать текст в расширенные элементы DOM jQuery. Итак:

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

Answer 3

Чтобы преобразовать переменную javascript в объект jquery, используйте $() Обратитесь к переменной javascript для объекта jQuery