jScrollPane синхронность

Question

У меня проблема с синхронностью с jScrollPane.
Я обновляю содержимое div через Ajax, когда этот div обновляется, мне нужно повторно инициализировать jScrollPane. Когда html-код слишком велик, вызов jScrollPane (), кажется, использует только часть содержимого, которое я обновляю, а некоторые элементы остаются вне scrollPane. Если я помещаю вызов jScrollPane () в setTimeout с секундами, он работает, но я знаю, что это не хороший способ решить эту проблему.
Извините мой плохой английский.

Это код:

success : function(HTMLcode){ 
    $("#div_inside").empty().html(HTMLcode); 
    $('#pane').jScrollPane(); 
    //SET SCROLL POSITION 
    $('#pane')[0].scrollTo(panetop); 
}

Answer 1

Недавно я столкнулся с подобной проблемой - оказалось, что после загрузки HTML внешние изображения в этом HTML не были. Итак: HTML загружается, затем jScrollpane изменяет размеры, а затем изображения загружаются и снова меняют длину HTML.

Слабым решением является запуск jScrollpane с setTimeout, как у вас.

Хорошее решение - просмотреть загружаемый HTML-код и присвоить атрибуты width и height каждому тегу изображения. Таким образом, это будет правильная длина даже до загрузки изображений.

Если вы не можете отредактировать этот загруженный HTML, тогда, setTimeout, вероятно, самое простое решение.