2012-01-09 14 views
2

jQuery UIを使用してアコーディオンから要素をドラッグできるようにする必要があります。残念ながら、ドラッグされている項目はアコーディオン内で「トラップ」されています。jQuery UIアコーディオンからドラッグ可能

ドキュメントが使用していることを述べている:

$(".selector").draggable({ appendTo: 'body' }); 

要素は、それが現在の親から削除するドラッグと、このケース体には、設けられた素子に追加させます。しかし、それは動作しません。

$(".selector").draggable({ appendTo: 'body', helper: 'clone' }); 

しかし、私は一度に画面上でそれらのうちの2つを持つものとしてクローン化されたこの要素は、当社のユーザーを混乱させるだろうしたくない:クローン・オプションと一緒に使用する場合は、作業を行います。

アイテムをアコーデオンからドラッグして複製できないようにするにはどうすればよいですか?

+0

元のクローンを作成してから隠すのはどうですか? – shaun5

答えて

4

私のためにshaun5さんの答えが働いたので、問題を解決するためにこれをやりました。この動作は予想より若干異なります(たとえば、表示の代わりにCSSの視認性のプロパティを変更する必要があります)が動作します。

$('.selector').draggable({ 
     appendTo: 'body', 
     helper: 'clone', 
     revert: 'true', 
     start: function() { 
      $(this).hide(); 
     }, 
     stop: function() { 
      $(this).show(); 
     } 
    }); 
関連する問題