Search code examples
jquerydroppableevent-bubblingstoppropagation

JQuery stopPropagation not preventing event bubbling

I have an application whereby several lists can appear stacked on top of each other. The list items can be swapped between lists via drag/drop. When I drop a list item on a list that is overlying another list I would like the topmost list only to handle the drop event.

Currently my problem is that all event handlers fire regardless of my use of e.stopPropagation, e.preventDefault or return false.

http://jsfiddle.net/D6fLw/6/

Any guidelines greatly appreciated

Solution

  • Looks like there was a bug filed about this very thing, there is some code provided by a participant which may be able to help you with a workaround.

    jQuery UI ticket #3452