Question

我使用jquery'Justified Gallery'插件来显示一些图片。我也将图片上传到图片文件夹。我在图片上传时尝试重新启动或重新加载图库（此示例我只使用刷新按钮）。

文档说明：“可以再次调用以更新布局（添加或删除图像后）”。但是当我尝试这个时，它会被忽略，并且需要重新加载页面才能进行更改。

这应该很简单......我做错了什么？

//initilise gallery
$(window).load(function() 
{
   $('#layout-gallery').justifiedGallery({
      rowHeight : 300,
      margins : 15,
      captions :  true,
      imagesAnimationDuration : 1000
    });

    //refresh gallery
    $('#refresh').on('mousedown', function(e) 
    {
          $('#layout-gallery').justifiedGallery({
                rowHeight : 300,
                margins : 15,
                captions :  true,
                imagesAnimationDuration : 1000
           });
    });
}

Answer 1

我是傻瓜......它正在重新加载画廊！我需要重新调用收集图像的php函数，所以这样做了：

function initiliseGallery()
{    
    $.get('php/data/output-layouts.php?outputGallery=true',function(data)
    {
        $('.gallery-container').html(data);

        $('#layout-gallery').justifiedGallery(
        {
            rowHeight : 300,
            margins : 15,
            captions :  true,
            imagesAnimationDuration : 1000
        });
    });
 }

将“layout-gallery”div中包含的php图像（通过ajax）加载到“gallery-container”div中（在主页上）。然后重新启动插件。上传完成后调用方法已重新加载库内容。

Jquery'Justified Gallery'重新加载/重新启动

1 个答案: