2011-03-05 15 views
4

単純な接続ソートを実装しようとしていますが、displayをユーザーが切り替えることができます。Jquery UI Sortable + Toggle問題

$('#toggle').click(function(){ 
    $('#content').toggle(); 
}); 

$('#target').sortable(); 
$('#source div').draggable({ 
    connectToSortable: '#target', 
    helper: 'clone' 
}); 

ここで問題が発生しています。ソート可能(ターゲット)が折りたたまれ、ドラッグ操作が実行されると、ソート可能な作業が停止します。

トグルボタン上http://jsfiddle.net/9hGrs/12/

  1. 任意の場所をクリックしページ上に並べ替え可能な
  2. ドラッグし、ソースから任意の項目を非表示にし、そしてそれを解放するために(つまり、これは無効なドロップをシミュレート)
  3. を参照してください。
  4. ソースからソート可能なアイテムをドラッグ&ドロップしようとすると、ドラッグ可能なアイテムが選択されません。

私はここで間違っていると思いますか?私はどんな助けにも感謝しています。ありがとう!

$('#toggle').click(function(){ 
    if($('#content').is(":visible")) { 
     $("#target").sortable("option", "disabled", true); 
     $("#content").hide(); 
} else { 
     $("#target").sortable("option", "disabled", false); 
     $("#content").show();    
    } 

}); 

$('#target').sortable(); 
$('#source div').draggable({ 
    connectToSortable: '#target', 
    helper: 'clone', 
    revert: 'invalid' 
}); 

A modified JSFiddle showing this workingを:あなたは隠すとき

+0

興味深いことに、私はそれを持っています。 – stef

答えて

5

は、無効なオプションを使用し、無効にしてターゲットを有効にする必要があります。

+0

恐ろしい!それは魅力のように働いた!更新されたfiddle:http://jsfiddle.net/TjNfD/1/ – lo5