Программа перетаскивания объекта с помощью jquery
Создайте веб-страницу и реализуйте функцию перетаскивания, чтобы перетащить объект туда, куда хочет пользователь.
Примените следующие ограничения:
тег с идентификатором как перетаскиваемый
тег с предоставленным изображением, предположим, что изображение находится в том же каталоге с именем "fish.jpg"
тег с предоставленным изображением, предположим, что изображение находится в том же каталоге с именем "fish.jpg"
тег с текстом "Drag me around"
Используйте следующие библиотеки JQuery:
https://code.jquery.com/jquery-1.10.2.js
https://code.jquery.com/ui/1.10.2/jquery-ui.js
Что я уже пробовал:
<!DOCTYPE HTML>
<html>
<head>
<script>
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData("text",ev.target.id);
}
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<img id="drag1" src="fish.jpg" draggable="true"
ondragstart="drag(event)">
<p>Drag me around</p>
</body>
</html>