VPF::Drag'n'drop элементов списка. jQuery. - Форум программистов

mikla

Дата 30.7.2009, 18:17 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 133
Регистрация: 3.12.2006
Где: Витебск

Репутация: нет
Всего: нет

Пытаюсь сделать драг'н'дроп элементов списка.
Однако столкнулся с проблемой.
После перемещения элемента его нельзя опять куда-либо переместить.
В чем проблема ?

Код


<script language = "javascript">
    $(document).ready(function(){
       $(".lielement").draggable();
                
        $(".lielement").droppable({
            drop: function(event, ui) {
                var liId = $(this).attr("id");
                var id = liId;
                
                alert(id);
                
                var dragId = ui.draggable.attr("id");
                
                ui.draggable.clone().css({'top' : 0, 'left' : 0, 'right': 0, 'bottom': 0}).insertBefore("#"+id)
                
                ui.draggable.remove();
                
                $("#"+dragId).removeClass('ui-draggable-dragging');
            },
            greedy: true
        });
   });
</script>

Код


<html>
<head>
    <link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.3.2.js" type="text/javascript"></script>
    <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    
</head>

<body>
    <ul id="0" class="tree">
        <li id="1" class="lielement">1
            <ul>
                <li class="lielement" id="2">
                    2
                </li>
                <li class="lielement" id="3">
                    3
                </li>
            </ul>
        </li>
        
        <li class="lielement" id="4">4
            <ul>
                <li class="lielement" id="5">5</li>
                <li class="lielement" id="6">6</li>
            </ul>
        </li>
        
    </ul>
</body>
</html>

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »