与可拖动和动态更改的元素结合使用时,jQuery可调整大小的问题

时间:2011-07-27 20:27:19

标签: jquery resizable

我遇到了jQuery这些功能组合的问题。该元素将从draggable和resizable开始,当我双击元素以编辑其内容时(通过附加带元素值的输入),它仍然可以调整大小。

然而,当我停用它(将输入的值推回元素并删除输入)时,它仍然可以拖动但不再可调整大小,即使我可以通过Firebug看到它仍然具有可调整大小的可调整大小类。

现在我使用.live()来支持动态添加的元素,而不是详细说明,我已经设置了一个带有我的代码的精简版本的jsFiddle。

http://jsfiddle.net/VnAu3/2/

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

我自己解决了这个问题。问题是我用输入中的文本替换元素中的所有内容。由于jQuery UI的可调整大小功能实际上将div添加到元素以允许调整大小,因此替换是删除div。所以我改为搜索某个节点,然后将其替换掉。

就是这样,但我花了一些时间和大量的调试来解决这个问题。