goMapは一度だけロードされています

Question

ユーザーはマップを含むモーダルを開くリンクをクリックする必要があります。すべて正常に動作しますが、モーダルを閉じてリンクを再度クリックするとモーダルが開きますが、マップは再びロードされません。

これは、リンクをクリックするとモーダルを開くjQueryです。

$('.mapModal').click(function(){ 
    var id = $(this).attr('value'); 
    var address = $('#doc' + id).data('ad'); 
    $("#map-modal").show(); 
    $("#modal-map").goMap({ 
     address: '' + address + ', South Africa', 
     zoom: 20 
    }); 
    $.goMap.createMarker({ 
     address: '' + address + ', South Africa' 
    }); 
}); 

$('.close').click(function(){ 
    $("#modal-map").html(''); 
}); 

Answer 1

データ（）を削除する必要があります。 $（ "＃map-modal"）の後に。show（）;書き込み

$("#map-modal").removeData(); 
$("#modal-map").goMap({ 
     address: '' + address + ', South Africa', 
     zoom: 20 
}); 

あなたはもう一度それを昼食することができます。

Answer 2

goMapが、それはあなたが要素を再表示するために来たときに要素内のマップがまだあると思わせるあなたの#modal-map要素にデータ項目「goMap」を追加するjQueryのdata()メソッドを使用しています。要素のhtmlコンテンツをクリアすると、そのデータ項目をクリアする必要があります。

代わりに、hide()メソッドを使用して、要素を非表示にしてマップコンテンツを破棄しないでください。