ansaurus

Question

Answer 1

+1 A:

You have to re-initialize the draggable. Make what's in document.ready a function and call it after you add the new draggable

methodin 2010-10-01 12:55:38

Answer 2

A:

You're adding an element to the dom that wasn't present at its initialization.

If you want to use a function on a element created in the future, you can use the live function from jQuery

Source

Edit : Since live can't work here, there's an plugin I used once that work here : liveQuery

Here's the jsFiddle with livequery that work with your code

Chouchenos 2010-10-01 12:58:23

You can't use `.live()` like that; it only works for events that bubble up the DOM.

Matt Ball 2010-10-01 13:28:43

Jesus, I read the code too fast. I'm editing!

Chouchenos 2010-10-01 14:15:03

Answer 3

A:

<script>

function shw()   {
   $("#name").html('<div id="draggable">Drag me new</div>');
}

$(document).ready(function() {

$( "#draggable" ).draggable({ cursor: 'move', containment:

'#name',opacity: 0.35});

});

</script>

Initialize draggable after adding new elements

function shw()   {
   $("#name").html('<div id="draggable">Drag me new</div>')
.find('#draggable').draggable({ cursor: 'move', containment:'#name',opacity: 0.35});
}

$(document).ready(function() {

$( "#draggable" ).draggable({ cursor: 'move', containment:'#name',opacity: 0.35});

});

BenWells 2010-10-01 14:30:19

pleae help me to fix this issue http://stackoverflow.com/questions/3967315/jquery-draggble-has-a-problem-on-dragging

SABU 2010-10-19 11:31:53

ansaurus

tags:

views:

answers:

jquery draggble does not worked

related questions