1
Я не уверен, как задать этот вопрос, но я постараюсь изо всех сил.drag and drop div на div
Я кодирую веб-сайт, и у меня есть список div, которые генерируются с помощью php. На стороне есть еще один div. Идея состоит в том, что когда вы перетаскиваете один из div в списке на другой div, он будет делать что-то с классом div в списке.
HTML-код для одного из дивы в списке:
<div style='width:100px' class='div1' draggable='true'>
[content]
</div>
HTML-код для DIV вы поместите его в:
<div class="dropzone" ondrop="drop(event)" ondragover="allowDrop(event)" style="padding: 10px; border-width: 2px; border-style: dashed; width: 100px; height: 210px; float: right;">
[content]
</div>
Идея заключается в том, когда вы перетаскиваете «div1 «в« dropzone », dropzone будет запускать функцию javascript с« div1 »в качестве переменной. Есть ли способ сделать это в javascript?
Спасибо!
проверка из [JQuery UI Droppable] (http://jqueryui.com/droppable/) – Class
Вы может наблюдать за двумя событиями, событиями мыши и mousedown. Если вы хотите, чтобы перетаскиваемый div перемещался, вам придется написать javascript для этого или использовать внешний код (обычно в виде плагинов для основных javascript-библиотек, таких как jQuery). Основная идея - использовать события mousedown, mousemove и mouseup, чтобы отслеживать, где мышь начиналась, где она находится после перемещения, и где она закончилась, а затем соответствующим образом переместить щелкнутый объект. – mowwwalker