解决JquerySortable Div为空 不能拖动元素问题

 $(function() {
    var place1 = $('<li class="empty"></li>');
    var place2 = $('<li class="empty"></li>');
    if($("#sortable2 >li").length ==0){
      $("#sortable2").append(place2);
    }
    if($("#sortable1 >li").length ==0){
      $("#sortable1").append(place1);
    }
    $("#sortable1, #sortable2").sortable({
        connectWith: ".connectedSortable",
        remove: function(event, ui) {
         
            if(!$('li', this).length) {
                if(this.id == 'sortable1')
                    $(this).append(place1);
                else
                    $(this).append(place2);
            }
        },
        receive: function(event, ui) {
            $('.empty', this).remove();
        }
    }).disableSelection();
});

你可能感兴趣的:(解决JquerySortable Div为空 不能拖动元素问题)