JQuery 调整 div 大小

标签 jquery jquery-ui resize resizable jquery-ui-resizable

我想在单击时添加一个 div,并通过 mousedown 自动启动调整鼠标 ui 大小功能。

我可以轻松添加 div,我可以轻松调整大小功能。但我不知道如何传递鼠标事件并绑定(bind)它们以便可以立即开始调整大小。

想象一个类似绘画的程序,这样就可以通过拖动鼠标来添加和绘制 div...?

非常感谢。

最佳答案

因为您的 div 在绑定(bind)初始事件处理程序后添加到 DOM,所以 .bind() 将不适用于新元素。 jQuery 有一个漂亮的 .live() 方法,它会做与 .bind() 相同的事情,但是稍后添加到 DOM 中的元素。

所以,你可以写出大致如下的内容:

$('.my_new_div').live('mousedown', my_resize_handler);

jQuery Live

编辑:另请参阅新的 .delegate() 方法。与 .live() 非常相似,但效率更高。

关于JQuery 调整 div 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2725322/

相关文章:

jquery - 使用 Html、CSS 和 JQuery 自动调整出发板的大小

javascript - OwlCarousel Youtube 视频不显示

javascript - 如何递归创建 jQuery UI droppables?

javascript - 旋转后调整 DIV 元素大小时如何保持固定 Angular

javascript - 如何在父窗口调整大小时调整 iframe 的大小

javascript - 需要帮助添加到 Javascript 数组对象并插入到命令中

javascript - Jquery - 检测输入之外的点击

javascript - JQueryUI slider - 3 个标签

c# - 在 gridview 中单击编辑时在 Jquery 中显示/隐藏 Accordion 面板?

html - 将图像调整为 div