2010-04-27 102 views
2

我想在點擊時添加一個div,並自動啓動調整鼠標ui功能與mousedown。JQuery Resize div

我可以很容易地添加div,我有調整大小功能容易。但我無法弄清楚如何傳遞鼠標事件並綁定它們,以便調整大小可以立即開始。

想象一下像程序這樣的繪畫,以便通過拖動鼠標來添加和繪製div ...?

非常感謝。

+0

可能的重複:http://stackoverflow.com/questions/527468/jquery-manual-resizable-div – cregox 2011-03-21 22:11:18

回答

3

由於您的div添加到DOM後綁定了初始事件處理程序,所以.bind()將無法在新元素上工作。 jQuery有一個漂亮的.live()方法,它將和.bind()做同樣的事情,但是對於稍後添加到DOM的元素。

所以,你可以寫的東西大致是這樣的:

$生活( '鼠標按下 'my_resize_handler);(' my_new_div。')。

jQuery Live

編輯:也期待在新的.delegate()方法。非常類似於.live(),但效率更高。

+0

謝謝,這是一個偉大的提示。希望我在幾周後知道「live」 – 2010-04-27 22:22:12

+0

.live()或.delegate()完全適合富UI,其中新的內容和元素是隨時創建的。它節省了不得不明確地重新綁定所有東西,以便附加事件處理程序。 – rbaker86 2010-04-27 22:34:46

+0

這很有趣;然而,我想在一件似乎活的項目上發起一場活動。如果我點擊角落上的項目來調整它的大小,那就很好。我希望已經活躍的mousedown成爲調整大小的mousedown,就好像我點擊了角落。 雖然我確實很感激幫助。 – msj121 2010-04-27 23:39:52