jquery - phpでドラッグ可能なjQueryを初期化すると、ループを介してliが生成されますが機能しません

Question

jQuery UIのドラッグアンドドロップソートページ（http://jqueryui.com/demos/draggable/）とソート可能（http://jqueryui.com/demos/sortable/）を使用してドラッグアンドドロップソートページを作成しています。

私はphpを使用してデータベースに保存されているデータにアクセスし、それをulとして出力し、各liにIDを付けます（IDは＃draggable1で始まり、（＃draggable2、＃draggable3など）まで進むので、すべてのliが一意のIDを持ちます。

echo("<li id='draggable$count' class='ui-state-default'>");

これらのliをドラッグ可能なオブジェクトに変換するのに問題があります。以下のjqueryコードを次に示します。

$(function() {
    $( "#sortable" ).sortable({
        revert: true
    });
    var count = document.getElementById(‘count’).value;
    for(var i = 1; i <= count; i++){
        $("#draggable"+i).draggable({
            connectToSortable: "#sortable",
            helper: "clone",
            revert: "invalid"
        });
    }
    $( "ul, li" ).disableSelection();
});

表示されているliの総数（現在は11）を含む非表示のフィールドがあり、その下のループで使用するvar countが取得されます...ただし、ループが実行されていないようですが、アイデアはありますか？

ありがとう、

Answer 1

li に位置を指定して確認します。