Как я могу предотвратить наложение элементов ap с функцией перетаскивания?

Question

Я создаю головоломку-слайдер, у меня есть каждый раздел изображения в отдельном ap div, каждый с одинаковым z-индексом.Я ограничил движение перетаскивания в пределах загадки, но ap divs пересекаются, когда я перетаскиваю их.Я надеялся, что один и тот же z-индекс предотвратит их перекрытие, но когда я перетаскиваю, они перекрываются.Как я могу предотвратить их перекрытие?Я использую HTML, CSS и JavaScript.Есть мысли?

Answer 1

Hello Heather body ..

Пожалуйста, посмотрите на эти сайты,

<http://www.webreference.com/authoring/style/sheets/page_structuring2/>
<http://www.cs.txstate.edu/~rs01/1308/lectures/week5/5-1.htm>

Answer 2

Нет, невозможно предотвратить их наложение, используя стандартные средства перетаскивания, которые есть в популярных библиотеках, таких как Dojo или jQuery. Они должны перекрываться; это должно позволить вам бросить. В лучшем случае эти библиотеки поддерживают границы, которые вы не можете пересечь, ограничивающие рамки для операции перетаскивания. Для вашего кода, который звучит более сложно, вам нужно изучить код ограничивающего прямоугольника, написать собственный код обнаружения столкновений для всех объектов в игровом регионе и включить его в операцию перетаскивания.

Настройка z-index на это не влияет. Браузеры автоматически корректируют z-индекс (часто дробно), чтобы при необходимости допускать перекрытие.