Я использую jQuery Masonry на своем сайте для отображения сообщений в блогах. И каждый пост-блок имеет в нем добавленный в Facebook блок комментариев. Когда появляется новый комментарий, контейнер div расширяется и, к сожалению, перекрывается с нижним. В этом случае мне нужно повторно запустить скрипт масонства, чтобы перезагрузить блоки. Как проверить высоту div для перераспределения блоков div
Поэтому я использую Ben Alman's Jquery Resize Event Plugin проверить изменение высоты DIV так, что сценарий Кладка переставляет блок в соответствии с их новым размером и избежать дублирования.
Хотя он не работает и, кажется, нет ошибок, когда я проверяю его с помощью firebug. Я полный новичок в JQuery, и я надеюсь, что я просто делаю простую ошибку здесь.
Если вы хотите просмотреть его, пожалуйста, проверьте bjk-tribun.com Вы увидите перекрытие при вводе комментариев в поле комментариев.
$(function(){
// Bind the resize event. When any test element's size changes, update its
// corresponding info div.
var iframe = $(".fb_iframe_widget");
// Called once the Iframe's content is loaded.
iframe.load(function(){
// The Iframe's child page BODY element.
var iframe_content = iframe.contents().find('body');
// Bind the resize event. When the iframe's size changes, update its height as
// well as the corresponding info div.
iframe_content.resize(function(){
var elem = $(this);
// Resize the IFrame.
iframe.css({ height: elem.outerHeight(true) });
$('#sort').masonry(reloadItems);
// Resize the Iframe and update the info div immediately.
iframe_content.resize();
});
});