jQuery自製Plugin-Bind事件函式時檢查有沒有Bind過
时间:2010-10-20 来源:黃偉榮
(function ($) { //jquery object擴展 $.extend($.fn, { BindCheck: function (id, type, callback) { ///<summary>檢查有沒有重覆的id,沒有才Bind,如果沒有給id,就判斷有沒有重覆的type</summary> if (arguments.length == 2) { callback = type; type = id; if (!(this.data("events") && this.data("events")[type])) { this.bind(type, callback); } } else { var bindCheck = $.data(this,"BindCheck") || $.data(this,"BindCheck", {}) if (!bindCheck[id]) { this.bind(type, callback); bindCheck[id] = true; } } } }); })(jQuery)
範例
HTML:
<input id="test1" type='button' value="test 1"/> <input id="test2" type='button' value="test 2"/>
JS:
$(function(){ $("#test1").BindCheck("click",function(){ alert(1)}); $("#test1").BindCheck("click",function(){ alert(2)}); $("#test1").BindCheck("click",function(){ alert(3)}); $("#test2").BindCheck("test2-1","click",function(){ alert(1)}); $("#test2").BindCheck("test2-1","click",function(){ alert(2)}); $("#test2").BindCheck("test2-2","click",function(){ alert(3)}); $("#test2").BindCheck("test2-2","click",function(){ alert(4)}); })
說明
2-5是設定test1的click 事件函式,以type做區隔,一個type只會Bind一次,所以按下test1,只會 alert(1)
6-9是設定test2的click 事件函式,以id做區隔,一個id只會Bind一次,所以按下test2, 會alert(1)、alert(3)
相关阅读 更多 +