javascript - jQueryUI 只能垂直调整大小

Question

我正在使用 jQueryUI .ressized() 函数来允许调整某些

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

(蓝色)元素的大小。

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

知道为什么吗？

Answer 1

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

我认为有两种方法:

1. 在将 LI 元素动态添加到主干 app.js 中的 DOM 时设置可调整大小(我无法尝试)
2. 使用livequery用于 Hook 任何 DOM UL-LI 修改并附加可调整大小功能的插件

解决方案2:

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

这是一个工作 fiddle :http://jsfiddle.net/IrvinDominin/rVh3g/3/

我发现调整大小不太正确，我认为是你的CSS中的某些东西，但现在我无法调查更多......