jQuery-UI Sortable リストに値を追加する方法

Question

jQuery-UI sortableリストについての質問です。

<div id="adder">
<input type="text" name="add1" /><br />
<input class='btn' type='submit' value='Submit' />
</div>

jQuery-UI sortableリストの最後にユーザが入力したものを追加したいのですが
どうしたらよいでしょうか？

Answer 1

テキストを、ui-state-defaultクラスとLIでラップし、sortable UL要素に挿入します
それから、sortableをリフレッシュし、新しく追加した要素を認識させれば良いかと

$(".btn").click(function (e) {
    e.preventDefault();
    var text = $("input[name='hoge']").val();
    var $li = $("<li class='ui-state-default'/>").text(text);
    $("#sortable").append($li);
    $("#sortable").sortable('refresh');
});