0

Twitterのブートストラップモーダル内で、Googleマップのiframeを中央にロードするのに大きな問題がありました。私が見つけた解決策は、モーダルが開かれると、javascript によって iframe をロードすることです。現時点でコードに問題があるのは、モーダルを閉じて再度開くと、iframe がアンロードされることです。問題は、クリック イベントが 2 回発生しないようにする方法です。

私のコード:

<script type="text/javascript"> 
$(function() {
$("#map_link").click(function(event) {  
    event.preventDefault();
    $("#map").slideToggle(); 
    $("#map").html('Iframe_code_is_situated_here').css('display','block');
    });  
});
</script>
4

2 に答える 2

3 
$("#map_link").one('click', function(event) {
于 2013-03-12T00:04:08.293 に答える
1

クリックされたかどうかを追跡し、クリックされた場合は false を返します

 $(function() {
    var click_limit = 1, clicks = 0;

    $("#map_link").click(function(event) {  
       if (clicks++ === click_limit){ return false; }
       event.preventDefault();
       $("#map").slideToggle(); 
       $("#map").html('Iframe_code_is_situated_here').css('display','block');
    });  
});
于 2013-03-12T00:04:37.517 に答える