Плагин jQuery Wookmark динамическая высота div

Question

У меня есть несколько div, которые имеют динамические высоты, управляемые функцией «щелчка», как показано ниже:

$('.expand').click(function() {
  $(this).next('.collapse').slideToggle();
});

Я пытаюсь применить плагин jQuery wookmark к элементам div, иэто работает, за исключением случаев, когда их высота динамически изменяется путем расширения одного из разделов.Однако, когда вы изменяете размер окна, элементы div «привязываются» к правильному макету, когда один или несколько из них были расширены.Я знаю, что мне, вероятно, придется вызывать функцию типа updateWookmarkLayout () после того, как я расширил div, но не был уверен, что вызывать.

Вы можете посмотреть на этот пример , чтобы увидетьболее ясно, чего я пытаюсь достичь.

Любая помощь будет высоко ценится, заранее спасибо!

Answer 1

Автор плагина здесь. Репозиторий Github содержит пример того, как справиться с этой ситуацией. Сохраните ссылку на селектор, к которому вы применили макет, и затем вы можете просто снова вызвать функцию wookmark позже, чтобы вручную обновить макет. Отметьте «index.html» в папке «example» в хранилище, чтобы увидеть код.

Answer 2

Я использовал bootstrap и пробовал много способов решить эту проблему с помощью переключателя коллапса bootstrap, но единственное, что мне помогло, это jquery-resize-plugin Нет необходимости устанавливать высоту обработчика и т. Д. Просто определите, изменился ли размер обработчика, затем вызовите макет wookamrk.

handler.resize(function(){
handler.wookmark();
});