如何刷新 NanoGallery jQuery 插件中的内容？

Question

我希望能够在按下按钮时从 div 中删除相册内容。像 $("#myDiv").html("") 这样的东西，所以画廊从 DOM 中删除，然后我可以在同一个 div 中重新创建画廊，但是单击另一个按钮时使用不同的数据源数组。

现在我有一个创建 nanoGallery 的函数，当用户单击一个按钮时调用它，然后当用户单击另一个按钮时我需要删除 nanoGallery 并用不同的数据重新创建它。

目前无法使用的代码：

function createAlbum()
{
    // This object has a different array every time button is clicked!
    var pics = currentOrder["vehicle-pictures"];

    $("#repairPictures").nanoGallery({
        items                 : pics,
        colorSchemeViewer     : 'light',
        photoset              : 'none',
        viewerDisplayLogo     : true,
        thumbnailLazyLoad     : true,
        thumbnailLabel        : { display: true, position: 'overImageOnBottom', titleMaxLength: 35 },
        colorScheme           : { thumbnail:{ labelBackground: '#444 !important' } }, 
        locationHash          : false,
        thumbnailHoverEffect  :'borderLighter,imageScaleIn80'
    });
}

然后删除它...

//---------------------------------------------------------------------
function cleanAlbum()
{
    $("#repairPictures").html("");
}

我怎样才能做到这一点？

顺便说一句，$("#myDiv").html("") 方法只是一个示例，如果您知道从 div,欢迎大家推荐

Answer 1

如果您想从 DOM 中删除相册，请使用：$('#yourElement').nanoGallery('destroy');，但您可以为 nanoGallery 设置新项目，只需执行 $('#yourElement').nanoGallery('reload');

如何刷新 NanoGallery jQuery 插件中的内容？

How to refresh contents in NanoGallery jQuery Plugin?

javascript

jquery

jquery-plugins

nanogallery