Using JQuery on JavaScript variables

Question

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

This piece of code returns <div> element that has other XHTML elements inside. It is returned in JSON format with JQuery. The returned XHTML from data.data is stored into JavaScript variable by first decoding UTF-8 encoded data. The DIV element is a custom popup window. The above code works, BUT I want to make it draggable using JQuery UI's .draggable() method, but I don't know where to use it and how to make it work in this case.

I've tried:

popupDiv.draggable();

But it didn't work.

And:

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

But it made the body element draggable :D

NawaMan · Accepted Answer · 2009-10-26 01:31:42Z

7

Try this:

$(popupDiv).draggable();

answered Oct 26, 2009 at 1:31

NawaMan

25.8k11 gold badges54 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

TheMagician Over a year ago

$('body').append( $(popupDiv).draggable() ); Worked, thanks!

rfunduk · Accepted Answer · 2009-10-26 01:34:21Z

1

The jQuery function can turn text into jQuery extended DOM elements. So:

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

answered Oct 26, 2009 at 1:34

rfunduk

30.5k5 gold badges61 silver badges55 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:47:13Z

0

To convert javascript variable to jquery object, use $() Refer to javascript variable to jQuery object

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Dec 13, 2012 at 17:17

macio.Jun

9,9551 gold badge48 silver badges43 bronze badges

Collectives™ on Stack Overflow

Using JQuery on JavaScript variables

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related