У меня проблемы с эффектом сбрасывания в jquery 1.3.1 (пользовательский интерфейс версии 1.5.3). Насколько я могу судить, все работает отлично, за исключением того, что функция drop () не вызывается. Я могу сказать, что цель перетаскивания принимает перетаскиваемый элемент (через класс миниатюр), но перетаскиваемый элемент не будет отброшен Заранее спасибо за помощь!
<html>
<head>
<script type="text/javascript" language="javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript" language="javascript" src="/jquery/jquery.ui.js"></script>
<script type="text/javascript" language="javascript">
//<!--
$(document).ready(function() {
$('.drop_box').droppable({
accept: '.thumbnail',
activeClass: 'droppable-active',
hoverClass: 'droppable-hover',
drop: function (ev, ui) {
alert("Dropped!");
}
});
$('#sample_thumbnail').draggable({
helper: 'clone'
});
});
//-->
</script>
<style type="text/css">
.drop_box {
top:16px;
width:250px;
height:250px;
border:1px solid #000000;
float: right;
}
.droppable-hover {
background-color: #eeeeee;
border: 1px solid red;
}
.droppable-active {
background-color: orange;
color: white;
border: 1px solid blue;
}
.thumbnail {
width:100px;
height:100px;
border:1px solid green;
}
</style>
</head>
<body>
<div class="drop_box">droppable</div>
<div id="sample_thumbnail" class="thumbnail">draggable</div>
</body>
</html>