2

对不起我的英语:) 我搜索了很长时间的答案，但我认为我做错了 reqewest。

所以，我有一个带有可拖动“li”元素的“ul”列表。我可以把它拖到div elemen。当我将它拖到可放置的地方时，我的“li”列表有一个空的地方。li 的拖拽风格是 chahging.drop 之后，li 元素改变了它的位置，它停留在 droppable 元素中并得到他原来的风格，但是我怎样才能在 ul 列表中隐藏它的空白区域呢？

$(document).ready(function(){

$(".spisokznach").draggable({
delay:200, 
scroll: 'true',
opacity:0.80, 
cursorAt:{left:34, bottom : 15}, 
cursor:'move', 
revert:'invalid', 
snap:'.place',
appendTo:'.place',
snapMode:'inner' ,
});


$(".place").droppable({
activeClass: "placehover",
hoverClass: "placehover2",
accept:'.spisokznach',
drop: function(event, ui){
        ui.draggable.draggable('option', 'revert', function(){return false});

         alert("You dropped "+$(ui.draggable).attr('id')+" into "+$(this).attr('id')+" block")
        $(ui.draggable).addClass('new'); 

    },
out: function(event, ui){
       $(ui.draggable).removeClass('new'); 
       ui.draggable.draggable('option', 'revert', function(){
            $(this).data('draggable').originalPosition = {
                top: 0,
                left: 0
            };

            return true;
        });
    },

})
});

我想要这样的东西：http: //jsfiddle.net/XelaNimed/sgZE2/ 拖动一个元素后，空白空间被隐藏，列表变得更近。

4

0 回答 0