Cách thích hợp để làm $ (tài liệu) .ready trong jQuery Mobile là gì?

Question

Giả sử tôi muốn chạy một số mã khi jQuery Mobile hoàn tất việc hiển thị giao diện người dùng. Sự kiện mobileinit không hoạt động vì đã tăng trước điều này xảy ra. Tìm kiếm nhanh trên Google dường như chỉ ra rằng chỉ cần sử dụng $(document).ready sẽ không hoạt động với JQM; nhưng tôi chỉ thử nó (gọi sau mobileinit) và nó làm việc cho tôi: mã của tôi chạy và các yếu tố cập nhật động, vv tốt. Vì vậy, tôi tự hỏi, có một số lý do tôi không nên được sử dụng nó (nó không đáng tin cậy hoặc messes lên JQM), hoặc là thông tin ra khỏi đó về nó không làm việc chỉ đơn giản là không chính xác? Tôi đang thiếu gì?

Cập nhật: Xem here để trình diễn.

Answer 1

Rất có thể lý do bạn đọc $ (tài liệu) đã không hoạt động với jQuery Mobile là nó không kích hoạt mỗi khi bạn xem trang giả. Điều đó nói rằng, nó vẫn kích hoạt như nó nên khi các tài liệu html được nạp.

Nếu bạn muốn chạy mã kích hoạt mỗi khi bạn xem một giả trang web mà bạn có thể sử dụng mã này:

$('[data-role="page"]').live('pageshow', function() { 
    //run your code here 
}); 

LƯU Ý: có móc khác mà bạn có thể liên kết với cũng (pageshow, pagehide , pagebefoershow, pagebeforehide), tài liệu có thể được tìm thấy ở đây: http://jquerymobile.com/demos/1.0b1/docs/api/events.html

---------- EDIT ----------

tôi đã suy nghĩ về điều này và sự tương tự tốt nhất với $ (tài liệu) .ready() không ràng buộc với sự kiện "pageshow", nó sẽ ràng buộc với sự kiện "pagecreate". $ (document) .ready() kích hoạt một lần cho mỗi lần tải trang và "pagecreate" thực hiện tương tự cho các trang giả trong khi "pageshow" kích hoạt mỗi khi trang được hiển thị.

Vì vậy, nếu người dùng nhấp từ màn hình chính và sau đó nhấp vào nút quay lại để quay lại màn hình chính, "các trang" sẽ kích hoạt thứ hai (và tiếp theo) "hiển thị" màn hình chính.

Ngoài ra, "pageshow" yêu cầu người dùng điều hướng đến trang bị ràng buộc.