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

Question

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

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

我该如何解决？

score 0 · Accepted Answer

请试试：

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() 方法中。

1 回答 1