如何将 jQuery UI 可拖动多次应用于同一元素

Question

如何将 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>

我想将 jquery 可拖动和可调整大小与其他div 一起应用于这个div （id=div-77）

谢谢

Answer 1

像jQuery中的大多数东西一样，你可以使用CSS选择器来选择你想要的元素。 这将使所有div都可以调整大小和拖动。

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

如果你只想要带有'''id="div-77"的div，你可以使用。

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

多次调用同一元素上的draggable或resizable不会产生不良影响。 jQuery UI内部足够聪明，知道它已经相应地draggable或resizable元素。