jquery - 如何在特定的 jQuery 选项卡中使用与定位相关的 jQuery

Question

我正在为特定选项卡中的某些内容使用 jQuery 插件。jQuery 是http://masonry.desandro.com/并且选项卡是http://os.alfajango.com/easytabs/。当我尝试在其中一个选项卡中加载 Masonry 时，它根本不起作用，或者显示不正确（所有东西都堆叠在左上角）。我不确定如何解决这个问题，到目前为止，我只尝试在单击选项卡后、在选项卡内容变得可见以及其他类似的事情后才运行砌体。

请指出我正确的方向！谢谢。

Answer 1

这个问题似乎与我使用带有砖石和简单标签的图像这一事实有关。要解决此问题，您必须使用 Masonry 的 imagesLoaded 推荐，并将代码设置为：

var $container = $('#masonry-container-name');

$container.imagesLoaded(function(){
    $container.masonry({
        itemSelector : '.item-class-or-id'
    });

    $(document).ready(function(){
        $('#easytabs-container-name').easytabs();
    });
});