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

我希望能够在按下按钮时从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中删除gallery html的更好方法，请随时提出建议。

最佳答案

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