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

时间:2013-03-12 00:02:53

标签: javascript google-maps twitter-bootstrap

我在将一个谷歌地图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>

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分: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');
    });  
});