2010-04-27 66 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