如何將jquery ui可拖動多次應用到同一元素

如何將jquery ui可拖動或可調整大小不止一次應用於同一元素？例如：如何將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（ID = DIV-77）與這些其他的div

謝謝

來源

2012-06-19 ICE

像jQuery的大多數事情，你可以使用一個CSS選擇器來選擇你想要的元素。這將使所有div可調整大小和可拖動。

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

如果你只是想用```id =「div-77」的div，你可以使用。

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

調用同一個元素上多次draggable或resizable沒有不良影響。 jQuery UI內部足夠聰明，可以知道它已經相應地生成了元素draggable或resizable。

來源

2012-06-19 12:18:35

好的，謝謝兄弟。 jquery如何保存這些元素的記錄。 – ICE

jQuery UI小部件工廠通過jQuery的數據方法來完成它。你可以在這裏閱讀更多關於Widget工廠的信息 - http://ajpiano.com/widgetfactory和數據方法的文檔在這裏 - http://api.jquery.com/jQuery.data/。 –

你還需要什麼嗎？如果不是，我的回答對你有幫助，你會介意選擇嗎？謝謝。 –

如何將jquery ui可拖動多次應用到同一元素

回答

相關問題