0

jquery uiのドラッグ可能またはサイズ変更可能なものを同じ要素に複数回適用するにはどうすればよいですか? 例えば：

<div style="height: 50px; left: 216px; position: absolute; top: 64px; width: 444px; z-index: 1; class="test-12 ui-resizable ui-draggable" id="div-77">
   <div class="ui-resizable-handle ui-resizable-e" style="z-index: 1000;"></div>
   <div class="ui-resizable-handle ui-resizable-s" style="z-index: 1000;"></div>
   <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1000;"></div>
   <div class="ui-rotatable-handle ui-draggable show"></div> 
</div>

これらの他の div を使用して、この div (id=div-77) にドラッグ可能でサイズ変更可能な jquery を適用したい

ありがとうございました

4

1 に答える 1

1

jQuery のほとんどのものと同様に、CSS セレクターを使用して必要な要素を選択できます。これにより、すべてdivの s がサイズ変更およびドラッグ可能になります。

$('div')
    .resizable()
    .draggable();

```id="div-77" の div だけが必要な場合は、使用できます。

$('#div-77')
    .draggable()
    .resizable();

draggable同じ要素に対してorを複数回呼び出しresizableても悪影響はありません。jQuery UI は内部的に十分にスマートで、要素が既に作成されているか、draggableまたはresizableそれに応じて作成されていることを認識できます。

于 2012-06-19T12:18:35.850 に答える