Sortable and stop bubble event
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>
...