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