Cách sao chép một phần tử có dữ liệu không có sự kiện với JQuery

Question

Tôi muốn sao chép một thẻ <select> với thuộc tính dữ liệu của nó nhưng không có sự kiện của nó.

Sau JQuery Official .clone() api, tôi hiểu rằng tôi có thể sao chép không có dữ liệu và các sự kiện bằng cách gọi $('#grolsh').clone(), hoặc thực hiện một

$('#grolsh').clone(true) mà sẽ sao chép dữ liệu và sự kiện.

Tôi muốn giữ dữ liệu nhưng xóa các sự kiện liên kết với mục gốc.

Answer 1

Kể từ phiên bản 1.7, off() là phương pháp ưa thích để hủy liên kết:

$('#grolsh').clone(true).off(); 

Answer 2

Bằng cách thêm một .off():

$('#grolsh').clone(true) 
    .attr({'id': 'newGrolsh'}) 
    .off() 
    .appendTo('#target'); 

Cập nhật: Như Adrian gợi ý .off sẽ là một giải pháp tốt hơn .unbind

Answer 3

Chỉ cần sử dụng

$('#grolsh').clone(); // Sao chép cấu trúc yếu tố

$('#grolsh').clone(true) // Bản sao cả dữ liệu và các sự kiện cùng với cấu trúc

$('#grolsh').clone(true).off() // Bản sao cả dữ liệu và các sự kiện và xóa trình xử lý

Sự kiện bị ràng buộc với .on() và bị xóa bằng cách sử dụng .off();

Sự kiện được liên kết với .bind() và bị xóa bằng cách sử dụng .unbind();

Answer 4

Tính từ jQuery phiên bản 1.5, bạn có thể vượt qua tham số thứ hai (Xem: .clone([withDataAndEvents ] [, deepWithDataAndEvents ])) không phải sao chép các xử lý sự kiện:

$('#grolsh').clone(true,false); 

Answer 5

Nếu bạn thực sự chỉ muốn sao chép dữ liệu đính kèm bởi .data() phương pháp don 'sự kiện t lạm dụng (un) ràng buộc và chỉ cần làm:

var $original = $(".originalSelector"); 
var $clone = $original.clone().data($original.data()); 

Bởi vì khi bạn vượt qua một đối tượng để .data() phương pháp, nó mở rộng các dữ liệu hiện tại với nó.

! LƯU Ý QUAN TRỌNG!
Bạn không thể làm điều này nếu bạn định sử dụng thứ gì đó lưu trữ các tham chiếu DOM và sử dụng nó, ví dụ: jQuery UI kéo vv ...
=> chỉ sử dụng vào "tinh khiết" dữ liệu/loại cơ bản