jQuery: deselezionare i gestori di eventi per legarli di nuovo in seguito

Question

Qualcuno sa come separare set di gestori di eventi, ma memorizzarli in modo da collegarli di nuovo in seguito? Eventuali suggerimenti?

Answer 1

C'è un elemento di eventi nei dati dell'articolo. Questo dovrebbe iniziare, puoi leggere i tuoi elementi e archiviare i gestori in un array prima di slegare. Commenta se hai bisogno di più aiuto. Ho avuto questa idea leggendo il metodo $ .fn.clone, quindi dai un'occhiata anche a questo.

$(document).ready(function() { 
    $('#test').click(function(e) { 
     alert('test'); 
     var events = $('#test').data("events"); 
     $('#test').unbind('click', events.click[0]); 
    }); 
}); 

<a id="test">test</a> 

Answer 2

Per dissipare un gestore di eventi è necessario passare la funzione di gestione in unbind(). Quindi hai già la funzione di gestore, tutto ciò che devi fare è ricordarlo.

Answer 3

V'è ora un buon plugin jQuery chiamato copyEvents, che copia gli eventi da un oggetto all'altro. Questo potrebbe essere facilmente utilizzato per "salvare" eventi da un elemento e riportarli in un secondo momento. Solo un'altra opzione :)

Answer 4

Ecco come ottenere ciò, fornisce un metodo storeEvents e un restoreEvents su una selezione. storeEvents scatta un'istantanea degli eventi nel momento in cui viene chiamata. restoreEvents ripristina l'ultima istantanea precedente. Potrebbe essere necessario ruotarlo un po 'per parametrizzare lo slegamento durante il ripristino, forse ti piacerebbe mantenere gli eventi associati dopo l'ultima istantanea.

(function($){ 

    function obj_copy(obj){ 
      var out = {}; 
     for (i in obj) { 
      if (typeof obj[i] == 'object') { 
       out[i] = this.copy(obj[i]); 
      } 
      else 
       out[i] = obj[i]; 
     } 
     return out; 
    } 


    $.fn.extend({ 

     storeEvents:function(){ 
      this.each(function(){ 
       $.data(this,'storedEvents',obj_copy($(this).data('events'))); 
      }); 
      return this; 
     }, 

     restoreEvents:function(){ 
      this.each(function(){ 
       var events = $.data(this,'storedEvents'); 
       if (events){ 
        $(this).unbind(); 
        for (var type in events){ 
         for (var handler in events[type]){ 
          $.event.add(
           this, 
           type, 
           events[type][handler], 
           events[type][handler].data); 
         } 
        } 
       } 
      }); 
      return this; 
     } 

    }); 
})(jQuery); 

Answer 5

Dal jQuery 1.4.2+ modifiche come gestori di eventi sono memorizzati, questo sembra rilevante:

Il modo migliore che ho trovato è stato quello di utilizzare namespacing evento:

var ary_handlers = [ fn_highlight, fn_onpress, fn_cleanup ]; 
for (idx = 0; idx < ary_handlers.length; idx++){ 
    $('#test').bind('click.foobar',ary_handlers[idx]); 
} 

// and then later: 
$('#test').unbind('.foobar'); 

Nell'esempio di cui sopra , tutti gli eventi di fobob non sono associati. Si noti che se si ha bisogno di controllo grana più fine, si potrebbe namespace ogni gestore clic e correlare alla vostra gamma di gestori:

var ary_handlers = [ fn_highlight, fn_onpress, fn_cleanup ]; 
for (idx = 0; idx < ary_handlers.length; idx++){ 
    $('#test').bind('click.ns_' + String(idx), ary_handlers[idx]); 
} 

// and then later you could pick off a specific one to unbind 
$('#test').unbind('.ns_2'); 

Answer 6

Nick Craver sembra avere la correct answer per jQuery 1.4.2+. Include anche un utile fiddle. La sua soluzione consente di recuperare tutti i gestori di eventi collegati a un elemento jQuery e di determinare a quale gestore sono stati assegnati.

Answer 7

È possibile utilizzare il parametro event.handler:

$(document).ready(function() { 
    $('#test').click(function(e) { 
     e.preventDefault(); 
     alert('test'); 
     $('#test').unbind('click', e.handler); 
     //Do Something... 
     $('#test').click(); 
    }); 
}); 

<a id="test">test</a> 

event.handler restituisce il gestore di corrente che ha ricevuto l'evento, così omettendo che si potrebbe tenere gli altri gestori.