Показать сообщение отдельно
  #1 (permalink)  
Старый 31.05.2009, 22:32
Новичок на форуме
Отправить личное сообщение для spec2000 Посмотреть профиль Найти все сообщения от spec2000
 
Регистрация: 31.05.2009
Сообщений: 3

jquery-ui: droppable & draggable. Теряются события.
Хочу сделать простой скрипт где драг-объект перемещается в дроп-объект и при дропе одни меняются местами. И можно было поменять так бесконечное количество раз =)
У меня получается только один раз
упрощенно код такой:
<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">


Первый раз все отлично меняется, но после реплейса драг-объект становится неподвижным.
Ответить с цитированием