Jqueryツールと一緒にスクロール可能Jquery UIとソート可能

Question

カテゴリから別のコンテナにメニュー項目をドラッグアンドドロップするメニューシステムがあります。私は一度に1つのカテゴリを表示するためにスクロール可能なJqueryツールを使用しています。 Jquery-scrollableはオーバーフローに基づいて動作し、その範囲外のものは隠されます。よく働く。私の問題は、スクロール可能なdivからドラッグすると、メニュー項目は隠れたままです。私はウェブを検索し、次のように推薦されましたが、うまくいきませんでした。

$(".menu_item").mousedown(function(){$('#menu_item_1').appendTo('body')}); 

これに伴う問題は、すぐに私はMENU_ITEMをドラッグすると、それは少し難しいドラッグ作る本体の底部にまでズームすることです。私は正常にコンテナにアイテムをドラッグしたら、それは私が始めた場所に戻したいと思っていなければいいです。私がクリックすると、それは今や身体の一部と考えられるので消える。私はまた、無駄にアイテムのZ-インデックスを変更しようとしました。どのようにこの問題を解決するための任意の推奨事項？

Answer 1

Jquery UI sortableには、次の機能があります。ソート可能なinit文に追加するだけです。 appendToとヘルパーは、この機能を許可します。傑出した

$('.available_items').sortable 
    connectWith: '.menu_menu_items' 
    appendTo: 'body' 
    helper: 'clone'