Question

如何将jquery ui draggable或resizable多次应用于同一个元素？例如：

<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 draggable和resizable应用于这个div（id = div-77）和其他divs

谢谢

Answer 1

与jQuery中的大多数内容一样，您可以使用CSS选择器来选择所需的元素。这将使所有div可调整大小并可拖动。

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

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

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

多次在同一元素上调用draggable或resizable没有任何不良影响。内部的jQuery UI足够聪明，知道它已经相应地构建了元素draggable或resizable。

如何将jquery ui可拖动多次应用于同一个元素

1 个答案: