Хочу сделать простой скрипт где драг-объект перемещается в дроп-объект и при дропе одни меняются местами. И можно было поменять так бесконечное количество раз =)
У меня получается только один раз
упрощенно код такой:
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-ui.js" type="text/javascript"></script>
<script src="ui.draggable.js" type="text/javascript"></script>
<script src="ui.droppable.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img.drag").draggable({
revert: 'invalid',
helper: 'clone',
start: function(event, ui){ posit = $(this).attr("id"); obj = this}
});
$("img.drop").droppable({
drop:
function(event, ui) {
drag_object= $(obj).clone(true);
drop_object = $(this).clone(true);
$(obj).replaceWith(drop_object);
$(this).replaceWith(drag_object);
}
});
});
</script>
<img class="drag" src='images_drag.jpg'>
<img class="drop" src="images_drop.jpg">
Первый раз все отлично меняется, но после реплейса драг-объект становится неподвижным.