Chcę sklonować tag <select> z jego atrybutem danych, ale bez jego zdarzeń.Jak sklonować element z danymi bez zdarzeń z JQuery
Po JQuery Official .clone() api, rozumiem mogę sklonować bez danych i zdarzeń poprzez wywołanie $('#grolsh').clone() lub wykonać
$('#grolsh').clone(true) który będzie skopiować dane i zdarzenia.
Chcę zachować dane, ale wyczyścić zdarzenia związane z oryginalnym przedmiotem.
Począwszy od wersji 1.7, off() jest preferowaną metodą odrywania:
$('#grolsh').clone(true).off();
dodając .off():
$('#grolsh').clone(true)
.attr({'id': 'newGrolsh'})
.off()
.appendTo('#target');
Aktualizacja: Adrian zaproponował .off byłoby lepszym rozwiązaniem na .unbind
Wystarczy użyć
$('#grolsh').clone(); // kopii struktury elementem
$('#grolsh').clone(true) // Kopiuje obie dane i zdarzenia wraz ze strukturą
$('#grolsh').clone(true).off() // Kopiuje obie dane oraz zdarzenia i usuwa programy obsługi
Zdarzenia powiązane z .on() i usunięte przy użyciu .off();
Zdarzenia związane z .bind() i usuwane przy użyciu .unbind();
pierwszy przypadek nie jest prawdziwy, dane nie są kopiowane za pomocą 'clone()' i bez argumentów http://jsfiddle.net/ALxz4/ – charlietfl
Dokument stwierdza: "Od wersji jQuery 1.4 wszystkie dane elementów (dołączone metodą .data() są również kopiowane do nowej kopii." ale z moich testów, normalny klon() nie skopiował danych –
Dzięki za wskazanie. Naprawiono sformułowania :) –
dzień z jQuery w wersji 1.5, można przekazać drugi parametr (patrz: .clone([withDataAndEvents ] [, deepWithDataAndEvents ])) nie kopiować obsługi zdarzeń:
$('#grolsh').clone(true,false);
Nie, to tylko "A Boolean wskazujący, czy programy obsługi zdarzeń i dane dla wszystkich dzieci sklonowanego elementu powinny zostać skopiowane." - może się wydawać, że twoje '# grolsh' nie ma żadnych zdarzeń, tylko dane ... ale tak nie jest. –
Jeśli naprawdę chcesz skopiować dane dołączone metodą don .data() „zdarzenie t nadużycie (un) wiązanie i po prostu zrobić:
var $original = $(".originalSelector");
var $clone = $original.clone().data($original.data());
Bo kiedy przekazać obiekt do .data() metody, przedłuża ona aktualne dane z niego.
! WAŻNA UWAGA!
Nie można tego zrobić, jeśli zamierzasz użyć czegoś, co przechowuje odwołania do DOM i używa ich np. jQuery UI przeciągalne etc ...
=> używać tylko na "czyste" danych/podstawowych typów
Więc jaka jest różnica między .off() i .unbind()? –
czytaj tutaj http://stackoverflow.com/questions/9113783/whats-the-difference-between-jquery-bind-and-jquery-on –