Chạy lại ứng dụng Javascript trên nội dung tải ajax

Question

Tôi muốn tất cả nội dung được tải AJAX trong ứng dụng của mình được đánh giá bằng tập lệnh JQuery của ứng dụng của tôi, giống như nội dung được tải bình thường. ví dụ. JQuery quét qua nạp nội dung AJAX cho selectors, như 'modal hộp liên kết' vv

Tất cả JavaScript của tôi là trong document.ready bình thường, trong đó hoạt động tốt cho HTTP nạp trang bình thường:

$(document).ready(function(){ 
    // my apps javascript 
}); 

tôi muốn sử dụng một cái gì đó như .ajaxComplete để kích hoạt lại mọi thứ chứa trong document.ready để đánh giá nội dung AJAX mới được tải cho bộ chọn jquery.

$(document).ajaxComplete(function(){ 
    // Re-run all my apps javascript 
}) 

Có một số mã tôi có thể đưa vào .ajaxComplete để làm điều này không?

Hy vọng điều này có ý nghĩa, vui lòng cho tôi biết nếu không, và tôi sẽ chỉnh sửa chi tiết câu hỏi.

Answer 1

bạn có thể đóng gói tất cả mọi thứ trong document.ready của bạn thành một chức năng và chỉ cần gọi hàm đó một lần nữa để lại ràng buộc

hoặc ...

một cách tiếp cận tốt hơn là nên tận dụng lợi thế của live() và delegate() jQuery các phương thức để tất cả các phần tử hiện tại và tương lai khớp với các bộ chọn đó cũng sẽ bị ràng buộc với các sự kiện này.

ví dụ sử dụng live(): http://api.jquery.com/live/

$('.clickme').live('click', function() { 
    //all elements that exist now and elements added later 
    //with this class have this click event attached 
}); 

ví dụ sử dụng delegate(): http://api.jquery.com/delegate/

$("table").delegate("td", "hover", function(){ 
    //all current and future td elements in all current tables 
    //have this hover event attached 
}); 

Answer 2

Những gì bạn cần làm là xác định mã của bạn trong một hàm thay vì nặc danh. Các hàm ẩn danh không thể tái sử dụng được, nhưng nếu bạn viết một hàm, thì hàm đó có thể bị ràng buộc với nhiều sự kiện.