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 将 jquery 可拖动和调整大小应用到这个 div (id=div-77)

谢谢你

4

1 回答 1

1

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

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

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

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

多次调用draggable或在同一个元素上没有不良影响。resizablejQuery UI 内部足够聪明，可以知道它已经制作了元素draggable或resizable相应地制作了元素。

于 2012-06-19T12:18:35.850 回答