Hi,
I hope someone can help me with this issue. I'm trying to let the user
grab a item in a sortable div content in a draggable div. When I move
the item also the content div moves. How to stop bubble event so the
content div don't move?
Thanks
Mirko
Here's the relevant code:
$(function()
{
$(".Container").draggable();
$(".Droppable").sortable({
connectWith: ['ul'],
receive: function(event, ui) {}
});
});
...
<div class="demo">
<div class="Container">
<div class="ItemHeader">Header 1</div>
<div class="ItemContent">
<ul class='Droppable'>
<li class="Item">Can be dropped..</li>
<li class="Item">Item 2</li>
<li class="Item">Item 3</li>
<li class="Item">Item 4</li>
</ul>
</div>
</div>
<div class="Container">
<div class="ItemHeader">Header 2</div>
<div class="ItemContent">
<ul class='Droppable'>
</ul>
</div>
</div>
</div>
...
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
