Làm thế nào để sử dụng Jquery document.on() trên các phần tử được đưa vào thông qua Ajax?

Question

Tôi có trang trình bao Jquery Mobile, tôi đang tải biểu mẫu vào sử dụng Ajax. Biểu mẫu có một số hộp kiểm, mà tôi cần phải liên kết với.

Nhưng kỳ lạ, tôi có thể lấy nó để làm việc thiết lập người nghe trực tiếp vào nút như vậy:

$('input[name="ohneiln"]').on('change', function() { 
    alert("hello"); 
    }); 

Nhưng khi tôi đang cố gắng để thiết lập các listener để $(document) và uỷ thác cho checkbox, người nghe không bao giờ cháy:

$(document).on('change', 'input[name="ohneiln"]', function() { 
    alert("hello"); 
}); 

Câu hỏi:
là gì cách chính xác để đặt một sự kiện bắt buộc đối với các yếu tố "động" là lo aded qua thông qua Ajax sử dụng $(document).on()? Đây có phải là không thể cho change sự kiện hoặc tại sao tôi gặp rắc rối?

Cảm ơn bạn đã trợ giúp!

Answer 1

Cách thức phương pháp .on() thay đổi theo cách bạn sử dụng. Trong ví dụ đầu tiên của bạn, phương thức .on() hoạt động tương tự như bind và sẽ chỉ hoạt động trên các phần tử đã tồn tại.

Ví dụ thứ hai hoạt động như .live() hoặc delegate() bằng nhiều cách. Và sẽ làm việc cho các yếu tố được thêm vào sau.

Đọc tài liệu để biết giải thích chi tiết http://api.jquery.com/on/