javascript - jQueryUI 可调整大小仅垂直工作

Question

我正在使用 jQueryUI.resizable()函数来允许一些

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

（蓝色）元素垂直。

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

知道为什么吗？

Answer 1

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

我认为有两种方式：

1. 当您将 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/

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