obsługi zdarzeń Kopiowanie z jednego zestawu elementów do drugiego z wykorzystaniem jQuery

Question

Mam następujący

var $header = $('.inner th'); 
var $fixedHeader = $(".header1 th"); 

    $header.each(function (index) { 
      // i need to copy all events from $header[index] to $fixedHeader[index] 
    }); 

Jak skopiować obsługi zdarzeń (onClick, onDblClick..etc) z elementami w pierwszym secie do sąsiednie elementy w drugim zestawie ?? Jestem początkującym jquery i mającym trudny czas.

Answer 1

Należy użyć metody jquery's .data('events').

Udostępniłem działającą aplikację jsFiddle, aby dowiedzieć się, od czego zacząć.

http://jsfiddle.net/hx8gf/2/

wiem AlphaMale pokazał mi, ale mam jeszcze zamiar opublikować go okrywać to pomocne.

jest prawie identyczny w każdym razie ...

Answer 2

Niektóre rzeczy jak to może pomóc:

var header = $('.inner th'); 
var fixedHeader = $(".header1 th"); 

header.each(function (index) { 

    var events = $(header).data("events"); //Gives you all events of an element 

    $.each(events, function(i, event) { //Loop through all the events 

    $.each(event, function(j, h) { //Loop through all the handlers attached for a event 

     fixedHeader.bind(i, h.handler); //Bind the handler with the event 

    }); 

    }); 

}); 

nadzieję, że to pomaga.

Answer 3

Klon (true) funkcja w jQuery nie można skopiować obsługi zdarzeń, ale może tylko kopiować element.If chcesz go skopiować, chodzi o dodanie wiązanie zdarzenia. Możesz rzucić okiem na wiązanie zdarzeń JQUERY. Wywołaj funkcję wiązania w funkcji wywołania zwrotnego. to może pomóc.

Answer 4

Wiem, że odpowiedź na to pytanie już kilka razy, ale tutaj jest kompleksowe rozwiązanie oparte na wcześniejszych rozwiązaniach.

function copyEvents(source, destination) { 
    var events; 

    //copying from one to one or more 
    source = $(source).first(); 
    destination = $(destination); 

    //get all the events from the source 
    events = $(source).data('events'); 
    if (!events) return; 

    //make copies of all events for each destination 
    destination.each(function() { 
     var t = $(this); 
     $.each(events, function(index, event) { 
      $.each(event, function(i, v) { 
       t.bind(v.type, v.handler); 
      }); 
     }); 
    }); 
}