イベントハンドラが既に存在しない場合にのみバインドできますか？

Question

ドラッグ＆ドロップイベントをバインドしたいページがあります。ブラウザのページ全体をドロップターゲットにしたいので、イベントをdocumentオブジェクトにバインドしました。私のアプリケーションのコンテンツはAJAXを介してメインコンテンツエリアにロードされていますが、アップロードページが現在表示されている場合にのみこれらのイベントハンドラをアクティブにしたいと思います。

今、アップロードページが取得されるときにイベントハンドラをバインドします。ただし、アップロードページがアクティブになるたびに、新しいイベントハンドラがバインドされます。これにより、ユーザーがアップロードページに移動してから離れるとハンドラが複数回起動します。私はバインドされていないときにのみハンドラをバインドさせることができれば、これを解決できると思っていました。これが可能ですか、よりよい選択肢が見落とされていますか？

関連するコード、それは場合に役立ちます：

$(document).bind('dragenter', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
}).bind('dragover', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
}).bind('drop', function(e) { 
    e.stopPropagation(); 
    e.preventDefault(); 
    self._handleFileSelections(e.originalEvent.dataTransfer.files); 
}); 

Answer 1

アンバインド既存のイベントハンドラを使用すると、新しいものをバインドする前に。これはnamespaced events ^[docs]と本当に簡単です：

$(document) 
    .off('.upload') // remove all events in namespace upload 
    .on({ 
     'dragenter.upload': function(e) { 
      e.stopPropagation(); 
      e.preventDefault(); 
     }, 
     'dragover.upload': function(e) { 
      e.stopPropagation(); 
      e.preventDefault(); 
     }, 
     // ... 
    });