Перетаскивание HTML (заполнитель) - PullRequest
Новая
       33

Перетаскивание HTML (заполнитель)

0 голосов
/ 15 мая 2018

Может кто-нибудь помочь мне с перетаскиванием заполнителя. У меня 2 ряда (слева направо), у каждого из них по 5 предметов.

Я хочу показать заполнитель (border-style: dotted;) с аккуратной анимацией. Так что ... прежде чем я урону предмет, я хочу показать границу.

Ниже вы можете найти пример, который я использую из w3school

https://www.w3schools.com/html/html5_draganddrop.asp

Как я хочу, чтобы это выглядело!

enter image description here

1 Ответ

0 голосов
/ 15 мая 2018

Если вы используете простой JavaScript :

Я создал это решение для w3schools для вас:

https://www.w3schools.com/code/tryit.asp?filename=FRCFSRF5F4RW

См. ondragstart и ondragend. Вызываемые там функции устанавливают границу пунктирной или обратно сплошной. Конечно, вы можете использовать значение css, но это базовая реализация.

Если вы используете jQuery ui drag:

Использовать событие «перетаскивания» в jQuery draggable: 

$( "#draggable" ).draggable({
  drag: function() {
    $("#YOUR_PLACEHOLDER").css("border", "1px dotted black");
  }
});

см. Здесь для получения дополнительной информации: https://jqueryui.com/draggable/#events

...