显示高度禁用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（）方法中

。