Question

对不起我的英语:)我找了很长时间的答案，但我觉得我做错了reqewest。

所以，我有一个带有可拖动“li”元素的“ul”列表。我可以把它拖到div元素。当我将它拖到可放置的位置时，我的“li”列表有一个空位。拖动李的样式是chahging。放下后，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/ 拖动元素后，空白区域隐藏，列表变得更近。

拖动li后隐藏ul中的空白空间

0 个答案: