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