jquery - 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

你需要删除data()，所以只需在$("#map-modal").show();之后 写

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

你可以再吃一次午餐。

Answer 2

goMap 正在使用 jQuerydata()方法将数据项“goMap”添加到您的#modal-map元素中，这使得当您重新显示元素时，它会认为元素内部仍然存在地图。当您清除元素的 html 内容时，您需要清除该数据项。

另一种方法是使用该hide()方法来隐藏元素并且不破坏地图内容。