2016-11-01 3 views
0

ボタンを押すときにdivからアルバムのコンテンツを削除したいと思っています。 $( "#myDiv").html( "")のようなものなので、ギャラリーはDOMから削除され、別のボタンをクリックすると別のデータソース配列でギャラリーを再作成できます。NanoGallery jQuery Pluginのコンテンツを更新するには?

今、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( "")のアプローチは例に過ぎません。ギャラリーのhtmlをdivから削除する方法がわかっている場合は、お気軽にご提案ください。

答えて

1

あなたはDOM、使用からアルバムを削除する場合:$('#yourElement').nanoGallery('destroy');ていますが、nanoGalleryのための新たな項目を設定し、ちょうど$('#yourElement').nanoGallery('reload');

+0

素晴らしい答えを行うことができます!ありがとう、魅力のように働いた:) –

関連する問題