|
Сообщение от Capoocha
|
jQuery('.draggable').draggable({
snap: '.inCanvas',
snapMode: 'inner',
});
|
запятая в конце обьекта до добра не доведёт
изучайте jQuery UI раз его используите ...
|
Сообщение от Capoocha
|
|
как можно узнать id элемента, к которому "прилип" перетаскиваемый элемент?
|
например вот так
<!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>