Отображение высоты отключает jquery ui resizable

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); 
} 

почему вы используете document.getElementById() innerHTML, когда вы JQuery готовы.? Трюк заключается в том, чтобы применить новый html только к тегу «p».

Я думаю, если вы хотели бы использовать

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

вам нужен другой

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

внутри GetHeight() метод.