3

cssを使用してoverflow:hiddenに設定された別の要素内の「コンベア」要素に要素のグループがあります。ドラッグするときに、オーバーフローが非表示に設定されているホルダー要素から要素を「外に」取得するにはどうすればよいですか? 「アイテム」に分類された画像をドラッグすると、ホルダー内でのみドラッグされ、ホルダーの「外側」に移動しようとすると、非表示になり、古いホルダー要素の外に移動しません。

<div class="holder" style="overflow:hidden;">
     <div class="conveyor">
          <img src="image1.jpg" class="item" />
          <img src="image2.jpg" class="item" />
          <img src="image3.jpg" class="item" />
     </div>
</div>

<script>

     $('.item').draggable();

</script>

また、新しく移動した要素を親要素に追加しようとしましたが、アイテムがホルダーに戻りません....助けてください!

アイテムを追加しようとしました:

$('.item').draggable(
     helper:'clone';
     revert:'invalid',
     start:function(){
          $(this).parent().parent().append(this);
     }
)
4

3 に答える 3

2

ここで答えを見つけました-> http://docs.jquery.com/UI/Draggable。うん…それは数時間の掘り出し物でした！

appendTo オプションに渡されるか選択された要素は、ドラッグ中にドラッグ可能なヘルパーのコンテナーとして使用されます。デフォルトでは、ヘルパーはドラッグ可能オブジェクトと同じコンテナーに追加されます。

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

助けてくれてありがとう！

于 2009-08-11T04:33:44.517 に答える
1

まず、デビッドに感謝します。私の場合、別のオプションを追加する必要がありました：

// Drag and Drop
$('.draggable').draggable({ 
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});
于 2012-06-11T16:28:05.903 に答える
0

これらのいずれかがあなたが望むものを手に入れますか？

$('.item').draggable( {containment: 'window'} );

$('.item').draggable( {containment: 'document'} );
于 2009-08-11T03:46:55.593 に答える