重複関数を避けるためにjquery関数が存在するかどうかを確認するには

Question

jquery関数が存在するかどうか確認したいと思います。私たちは、ボタンをクリックしたときに例

var i = 0; 

function callbuttonfunc(){ 
$("#button").click(function(){ 
    i += 1; 
}); 
} 
console.log(i); 

我々はcallbuttonfunc（呼び出す場合）3回、増分値があるため、重複する機能の3倍になります。だから私は定義されていない関数を実装したいだけです。次に、それを定義する関数を呼び出します。私は$（document）.ready（）を使うことができましたが、私はajaxウェブサイトを構築します。だから、divが作成されたとき。定義されていないすべての機能をチェックします。ありがとうございました

Answer 1

変数を使用して、イベントハンドラが既にボタンにバインドされているかどうかを追跡します。

var i = 0; 
var clickBound = false; 

function callbuttonfunc(){ 
    if (clickBound) return; 
    $("#button").on('click', function(){ 
     i += 1; 
    }); 
    clickBound = true; 
} 

Answer 2

その関数が定義されている場合は、単にコードの下に使用してチェックすることができます。

function callbuttonfunc(){ 
$("#button").click(function(){ 
    i += 1; 
}); 
} 
if(isFunction(callbuttonfunc)) alert('is of type function'); 
if(isDefined(callbuttonfunc)) alert('if this is a function, it is defined'); 

は、この情報がお役に立てば幸いです！