javascript - init の前にリストが空の場合、jQuery のソート可能が水平リストで正しく機能しない

Question

初期化後にリストに要素を追加すると、.sortable正しく機能しません。

例を見る

サンプル HTML:

<div class="container">
</div>
<br />
<button class="add-fields">add</button>

サンプル JS:

$(".container").sortable({
    containment: 'parent'   
});

$(".container").disableSelection();

$(".add-fields").click(function(){
    $(".container").append("<div>sucke</div>")   
})

サンプル CSS:

.container {
    height: 30px;
    width: 100%;
    background: blue;
    position: relative;
    float: left;
}
.container > div {
    position: relative;
    float: left;
    height: 100%;
    width: 80px;
    background-color: red;
    line-height: 30px;
    text-align: center;
    margin: 0;
    padding: 0;
    cursor: default;
}

---

アップデート

ここで関連する問題を見つけましたhttp://bugs.jqueryui.com/ticket/7498

this.floating は _create でのみ決定されるため、空のソート可能で開始すると、垂直であると見なされます。