jQuery UI плагин Draggable
Здравствуйте! Работаю с плагином Draggable. Перетаскиваю элементы из одного контейнера в другой (из "parts" в "canvas"), при этом в контейнере "canvas" перетаскиваемый элемент прилипает к элементам, которые там находятся.
Вопрос: как можно узнать id элемента, к которому "прилип" перетаскиваемый элемент? Пример тут Заранее большое спасибо. |
Цитата:
|
Цитата:
изучайте jQuery UI раз его используите ... Цитата:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Range slider</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<style type="text/css">
.canvas {
position: absolute;
left: 15px;
background: #fff;
margin: 0px;
padding: 0px;
width: 300px;
height: 150px;
border: 1px dashed #475E75;
}
.inCanvas {
background: #fff;
margin: 10px;
padding: 0px;
width: 150;
height: 45px;
border: 1px solid #000;
}
.parts {
margin: 0px;
padding: 0px;
width: 300px;
height: 360px;
float: right;
}
#contacts, #date {
margin: 0px 0px 5px 90px;
padding: 5px;
width: 150px;
height: 35px;
background: #fff;
border: 1px dashed #000;
text-align: center;
cursor: move;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
$(function()
{
$('.draggable').draggable(
{
snap: '.inCanvas',
snapMode: 'inner'
}
);
$(".inCanvas").droppable(
{
drop: function(event, ui) {
alert($(this).attr("id"))
}
}
);
}
)
</script>
</head>
<body>
<div id="canvas" class="canvas">
<div id="1" class="inCanvas"></div>
<div id="2" class="inCanvas"></div>
</div>
<div class="parts">
<div id="contacts" class="draggable">
<p>Контакты</p>
</div>
<div id="date" class="draggable">
<p>Дата выдачи талона</p>
</div>
</div>
</body>
</html>
|
Цитата:
|
| Часовой пояс GMT +3, время: 09:18. |