アコーディオンのJqueryイベントハンドラ

Question

私はjQueryアコーディオンを使用しており、各アコーディオンアイテムの既存のクリックイベントを保存し、すべてのイベントを削除し、必要に応じて追加したいと考えています。私は.onと.offを使用してハンドラをアタッチ/デタッチすることに慣れていますが、オーバーライドせずに各アコーディオンアイテムのデフォルトハンドラを保持するにはどうすればよいですか？各要素と

Answer 1

jQueryの格納イベントとdata('eventsにおけるそれらのハンドラ） `。このようなことを試すことができます。

var oldHandlers = $('#datepicker').data('events'); 

$('elementSelector').unbind();//will unbind all the handlers 

oldHandlersはこの形式のオブジェクトになります。

{ 
    click: [ { 
       handler: function(){.. } 
       .. 
      }, 
      { 
       handler: function(){.. } 
       .. 
      } 
      .. 
      ] 
    focus: [ { 
       handler: function(){.. } 
       .. 
      }, 
      { 
       handler: function(){.. } 
       .. 
      } 
      .. 
      ] 
} 

あなたはoldHandlersからclickハンドラを取得したい場合は、あなたが言うことができます。

if(oldHandlers && oldHandlers.click && oldHandlers.click.length > 0){ 
    $('elementSelector').click(oldHandlers.click[0].handler); 
} 

Answer 2

$('#foo').bind('click', function() { 
    alert('The quick brown fox jumps over the lazy dog.'); 
}); 

// will remove click event 
$('#foo').unbind('click');