Как исправить вложенные сортируемые Divs в пользовательском интерфейсе JQuery?

Question

Я пытаюсь создать пользовательский интерфейс, который позволяет пользователю взять набор оконных div в DOM и перетащить их, иногда добавляя divs как дочерние элементы других div и иногда вытягивая этих детей на родительский уровень. У меня есть рабочий пример, но это очень обидно, когда вы пытаетесь добавить «дядя» в div «племянника» или наоборот. Существует примерно 1px-выход для гнезда div, как вы можете видеть в этом JSFiddle: http://jsfiddle.net/UdXr4/124/.

Как я могу «ослабить» чувствительность, поэтому не так быстро перейти к следующей сортировке в дереве при нажатии и перетаскивании?

Answer 1

Вам, вероятно, нужно посмотреть оснастку, snapMode и snapTolerance. See the API here.

Answer 2

Я смог исправить это в значительной степени. Благодаря предложению Райана Нимейера на Knockmeout.net проблема была в значительной степени устранена путем установки минимальной высоты в контейнере div и добавления небольшого дополнения, чтобы убедиться, что в зоне выпадения есть цель. Вот пример скрипта: http://jsfiddle.net/UdXr4/130/ Единственное различие, которое вы увидите, это класс sort-fix с дополнением и min-height, а сортируемые теги классифицируются как sort-fix.