Question

我在将一个谷歌地图iframe加载到中心，在一个Twitter引导程序模式中遇到了一个大问题。我发现工作的解决方案是在打开模态后通过javascript加载iframe。我目前的代码问题是，一旦模态关闭并重新打开，iframe将被卸载。那么问题是如何防止点击事件发生两次？

我的代码：

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

Answer 1

$("#map_link").one('click', function(event) {

Answer 2

跟踪是否已被点击，如果已点击则返回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');
    });  
});

如何防止Javascript点击事件发生两次？

2 个答案: