jQuery UI可排序Portlet强制向右或向左

Question

基于关于jsfiddle的this示例，我所拥有的是相同的。我试图找到一种方法，当你在右边有一个空的空间时，能够将左边的div向右移动而不会被强制回来。

我已尝试过以下css：

$(function() 
    if( $(".portlet").css('left', '165px') ) { 
        $(".portlet").css('left', '51%');
    } else {
      $(".portlet").css('left', '1%');
    }
)};

请注意，我是jQuery UI的新手。

Answer 1

一种简单的方法，如果它不会干扰您的布局的其余部分，将强制您的可排序的高度。像这样：

.sortable {
  width: 200px;
  float: left;
  padding-bottom: 100px;
  height: 600px;
}

http://jsfiddle.net/g6urafLf/1/