显示高度禁用 jquery ui 可调整大小

Question

我正在尝试使用 jQuery UI 创建自己的日历（有点）。我已将resizable 和sortable 添加到我的列表项中，并且一切正常。接下来是在列表项中显示时间，当列表项调整大小时会更新。我想首先在列表项中显示高度，但这样做会禁用resizable 功能。

像这样： http://jsfiddle.net/PaulvdDool/9PXNc/

在列表外显示高度不会影响resizable 事件。 像这样： http://jsfiddle.net/PaulvdDool/gBANx/1/

我该如何解决这个问题？

Answer 1

请尝试：

function getHeight(event) {
    var height = $('#'+event).height();
    $('#'+event+' > p').html(height);
}

当您准备好 jquery 时，为什么要使用 document.getElementById().innerHTML？ 诀窍是将新的 html 仅应用于“p”标签。

我想如果你想使用

$('#'+event).html(height);

你需要另一个

$( ".event" ).resizable({
    grid: 10,
    minWidth: 250,
    maxWidth: 250,
    minHeight: 25,
});

在你的 getHeight() 方法中。