只执行一次函数

我有一个在click事件上执行的函数，但事情是我只希望它只执行一次。只执行一次函数

获得点击执行的函数代表一个谷歌地图绘制到目标元素。功能如下：

Cluster.prototype.initiate_map_assembling = function(target, latitude, longitude) { 
    var canvas = $(target).children(); 
    var coordinates = new google.maps.LatLng(latitude, longitude); 

    var options = { 
     zoom: 9, 
     center: coordinates, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map($(canvas)[0], options); 

    var marker = new google.maps.Marker({ 
     position: coordinates, 
     map: map 
    }); 
};

而且我上运行它click事件是这样的：

Cluster.prototype.initiate_google_maps_action = function() { 
    var self = this; 
    return $(this.maps_wrapper_class).each(function(index, element) { 
     var canvas = $(element).parents().eq(3).find(self.map_canvas_wrapper_class); 
     return $(element).on('click', function(ev) { 
      var latitude = $(element).attr('data-latitude'); 
      var longitude = $(element).attr('data-longitude'); 
      self.initiate_map_assembling(canvas, latitude, longitude); 
      ($(canvas).hasClass('selected')) ? $(canvas).removeClass('selected') : $(canvas).addClass('selected'); 
      ev.preventDefault(); 
     }); 
    }); 
};

我想实现的是停止我每次点击按钮的绘图，因为它的只需要一次，因为我只隐藏容器div而不是销毁它。那我怎么能这样做呢？我尝试在函数执行时添加临时变量（并在第一次之后将其设置为true，并在启动时将其设置为false），如果临时变量为true，则返回false，但由于我无法在绘图函数内返回false，因此返回false 。

来源

2012-06-21 Roland

使用jQuery的.one()。

http://api.jquery.com/one/

按OP的解释：总有一种用于元素定义超过一个点击事件的可能性。

因此，您可以像.one()那样定义一个，然后使用on()来定义一个，并将代码仅在第一个中运行一次。

来源

2012-06-21 10:12:11 Cranio

是的，但click事件必须发生一次以上（有一类添加或每次单击删除），所以我如何使用它？ – Roland

定义两个点击事件。一个使用.one（）运行一次，第二个始终运行，切换类 – Cranio

您可以设置一些元素的属性点击和下次你可以检查属性 –

你可以绑定仅单击一次，如：

$(document).one('click', function(e) { 
    //do your code here 
});

$('#someBtn').click(function(){  
    if ($(this).attr('data-once')!='already_clicked'){ 
     //your code here 
     $(this).attr('data-once', 'already_clicked'); 
    } 
});

来源

2012-06-21 10:13:23

第二种方法是*昂贵*。当你简单地操纵一个变量时，操纵DOM就是要求瓶颈。 –

两个选择：

使用两个事件处理程序：一个one定义，其他与on
使用计数器关闭。

喜欢的东西：

var counter = 0; 
return $(element).on('click', function() { 
    counter++; 
    if (counter > 1) { 
    } 
});

来源

2012-06-21 10:18:41

是的，没有看代码，你总是可以使用计数器。一旦事件发生，增加你的计数器变量，并且每次只检查一次。易如反掌。 – krikara

您不必每次计算，只需增加第一次运行。然后，只是测试。如果（！counter）{do_something（）; counter ++）} – crafter

只执行一次函数

回答

相关问题