JQuery odd behavior of folding / moving panels with drag and drop into them

First of all, the huge benefits for Web Developer Plus for writing most of the source code!

I have a list of β€œitems” that I can drag into any of the blue boxes inside the widgets, and then sort them. It works great. Only when I start switching these widgets (showing / hiding) or moving their positions does everything start weird.

Example 1

An item (or items) can be dragged (and sorted) in order. If I translate widget 2 over widget 1, I cannot drag anything into widget 2. I have no errors in Firebug. Nothing just happens.

Example 2

If I β€œhide” the contents of widget 2, I cannot drag anything into widget 3, 4, etc. (widget 1 is ok). If I β€œshow” Widget 2 again, I can drag widget 3, etc., but not widget 2 ...

My code is here for you: http://jsfiddle.net/gD94w/4/

Any ideas? I posted another topic about this, but I hope I formulated it better, and I could get help (!). Welcome people :)

+3
source share

Source: https://habr.com/ru/post/1762627/


All Articles