php - 使用 jQuery 更改 CSS 值

Question

那里。

所以，我已经在使用 Masonry jQuery Plugin制作图片库马赛克。好的，脚本工作“正常”，但是当我加载页面时，图像 CSS 对齐是错误的，或者不起作用。请参阅:

但是，如果我按 CTRL+SCROLL 或 CTRL++/CTRL+-，脚本就会起作用:

为什么？我该如何修复它？

我的JS:

    $(function(){
        var $container = $("#galeria");
            $container.masonry({
            itemSelector : 'li',
            columnWidth : 200
            });
    });

我的CSS:

.organizar-galeria{ width: 100%; }
.organizar-galeria ul li{ width: 200px; }
.organizar-galeria ul li img{ float: left; width: 100%; }
#galeria{ width: 100%; float: left; padding: 5px 0px 10px 0px; }

我的 HTML:

       <div id="galeria">
        <div class="organizar-galeria">
        <?php if($GalleryDAO->countFetch['qntFotos'] == 0 AND $UserDAO->getUid() == $_SESSION['uid']) { ?>

        <p>Parece que você ainda não tem nenhuma foto. Se o dia estiver legal, que tal tirar uma?</p>
        </div>

    <?php } else { ?>

        <ul>
            <?php while($GalleryDAO->data = $GalleryDAO->query->fetch( PDO::FETCH_ASSOC )):
                $var = getimagesize($GalleryDAO->getImageThumb()); ?>
                <li>
                    <?php if( $UserDAO->getUid() == $_SESSION['uid'] ): ?>
                        <a id="<?php echo $GalleryDAO->getImageId(); ?>" class="remover" href="#" >X</a>
                    <?php endif; ?>
                    <a id="pictures"rel="group1" title="<?php echo $GalleryDAO->getLegenda(); ?>" href="<?php echo $GalleryDAO->getImageURL(); ?>" target="_blank">
                        <img class="excluirimg" <?=$var[3];?> src="<?php echo $GalleryDAO->getImageThumb(); ?>" alt="Imagem de <?php echo $UserDAO->getNome(); ?>" /></a>

                </li>
            <?php endwhile; ?>
        </ul>
    </div>

我已经尝试使用 window.load 和 document.ready。

谢谢。

Answer 1

我不懂砌体，但也许你的函数执行得太早了。

您是否尝试过以下专为图像加载而设计的操作:

$(function(){
    var $container = $('#galeria');
    $container.imagesLoaded(function(){
         $container.masonry({
              itemSelector : 'li',
              columnWidth : 200
         });
    });
});

祝你好运，
罗布森