jQueryUI可以调整大小只能垂直工作

Question

我正在使用jQueryUI .resizable()函数来重新调整某些

元素的大小。我希望它们可以水平和垂直调整大小。出于某种原因，我只能垂直调整左侧

（蓝色）元素的大小。

http://jsfiddle.net/3Ka5V/12/show/#00ACEB

知道为什么吗？

Answer 1

我不是骨干专家，如果我理解正确，问题是因为你动态地向DOM添加元素。 动态添加的元素不会继承先前设置的插件。

我认为有两种方式：

1. 设置resizable，当您动态地将LI元素添加到主干app.js中的DOM时（我无法尝试）
2. 使用livequery插件挂钩任何DOM UL-LI修改并附加可调整大小的功能

解决方案2：

$(function() {
  $('ul#colors li').resizable();
  $('ul#colors li').livequery(function () {
      $(this).resizable();
  });
});

这是一个工作小提琴：http://jsfiddle.net/IrvinDominin/rVh3g/3/

我看到调整大小不太正确，我认为这是你的事情，但现在我无法调查更多......