jquery - 結果をドラッグできる jQuery オートコンプリート

Question

jQuery ui オートコンプリートの結果をドラッグ可能にしようとしています。すでにいくつかの方法を試しましたが、まだ機能していません。ドラッグ可能な各要素の初期化をコスト化する必要があるため、残念ながらこれは役に立ちません。

これが私のアプローチです：（簡略化）

_renderItemData : function (ul, item) {
     return $("<li />")
    .data("ui-autocomplete-item", item)
    .append("<a id='SearchResult"+item.number+"'><div style='vertical-align:middle;line-height:25px;font-size:25px;'><img src='" + item.icon + "' style='width:25px;position:relative;top:2.5px;'/><span style=''>" +item.label + "</span></div></a>")
    .appendTo(ul);

    $("#SearchResult"+item.number)
        .draggable({
            helper:"clone", 
            stop: function( event, ui ) {
                 alert("Dropped");
                 doSomethingAndPassElementNumber(item.number);
            }
        });
},

目標を達成する方法を知っている人はいますか?

前もって感謝します！ご不明な点がございましたら、お気軽にお問い合わせください。有益なアドバイスをありがとうございます。