Gestionnaire d'événements Store and Restore

Question

Veuillez aider à réparer ma fonction, stocker l'événement d'un élément et les supprimer, puis réinstaller;

Je ne sais pas où est le problème, la fonction va seulement supprimer l'événement de l'élément et ne restaurera pas.

S'il vous plaît aidez à résoudre.

HTML

<a href="#" id="a">a</a> 
<a href="#" id="b">b</a>​ 

JS

$("#a").hover(function(){alert("test")}); 

$("#b").click(function(){ 
    Test_Handle('#a'); 
} 

function Test_Handle(id) { 
     target = $(id); 
     if($.hasData(target.get(0))){ // if the elment has event || target = element 
      target[0].event_name = []; 
      target[0].event_handler = []; 

      events = $._data(target.get(0), 'events'); // take all events of the element 

      $.each(events, function(event_name, event_handler){ 
       target[0].event_name.push(event_name); 
       target[0].event_handler.push(event_handler); 
      }); //store the events 

      target.off(); // delete the events 
     }else{ // has the elment no event 
      for(var i=0; i < target[0].event_handler.length; i++){ 
       target.on(target[0].event_name[i], target[0].event_handler[i]); 
      } // re-store the events 

      target[0].event_name = []; 
      target[0].event_handler = []; //reset 
     } 
    } 

Answer 1

Vous presque avez, quand vous itérer à travers les événements event_handler est en fait un tableau des gestionnaires de cet événement (un événement peut avoir plusieurs gestionnaires attachés). Vous devez donc enregistrer ces gestionnaires dans un tableau pour chacun des événements, afin de pouvoir les rattacher ultérieurement.

Try this:

function Test_Handle(id) { 
    target = $(id); 
    events = $._data(target[0], 'events'); 
    if(events!=undefined){ 
     target[0].event_name = []; 
     target[0].event_handler = [];   
     $.each(events, function(event_name, event_handler){ 
      target[0].event_name.push(event_name); 
      var _handlers=[]; 
      for(var i=0;i<event_handler.length;i++){ 
       _handlers.push(event_handler[i].handler); 
      } 
      target[0].event_handler.push(_handlers);   
     }); //store the events 
     target.off(); // delete the events 
    }else{ // has the elment no event 
     for(var i=0; i < target[0].event_handler.length; i++){ 
      for(var ii=0;ii<target[0].event_handler[i].length;ii++){ 
       target.on(target[0].event_name[i], target[0].event_handler[i][ii]); 
      }   
     } // re-store the events 
     target[0].event_name = []; 
     target[0].event_handler = []; //reset 
    } 
} 

$("#a").hover(function(){alert("test")}); 

$("#b").click(function(){ 
    Test_Handle('#a'); 
}); 

JSFiddle example