1

Я использую jQuery Masonry на своем сайте для отображения сообщений в блогах. И каждый пост-блок имеет в нем добавленный в Facebook блок комментариев. Когда появляется новый комментарий, контейнер div расширяется и, к сожалению, перекрывается с нижним. В этом случае мне нужно повторно запустить скрипт масонства, чтобы перезагрузить блоки. ScreenshotКак проверить высоту 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(); 
    }); 
}); 

ответ

0

В зависимости от того, какая версия JQuery вы используете, возможно, потребуется добавить блок пикселей в вашей собственности CSS:

iframe.css({ height: elem.outerHeight(true) + "px" }); 
0

Хорошо, я не знаю почему, но когда я обратился в ColorBox. js, который был плагином лайтбокса, плагин JQuery Masonry начал реагировать на изменение размера div. Поэтому, если кто-то сталкивается с одной и той же проблемой, сначала следует отключить другие плагины jquery, чтобы не тратить целую неделю на этот вопрос.

Я также отключил плагин Бена Альмана, который я вставил выше. Масонства достаточно для обработки события изменения размера.

 Смежные вопросы

  • Нет связанных вопросов^_^