Cách đúng để sử dụng điện thoại di động và điện thoại di động với nhiều trang html

Question

Tôi có một ứng dụng sử dụng điện thoại di động jquery và bao gồm một vài trang html với một vài phần tử trang jquery bên trong chúng. Trên một trình duyệt máy tính để bàn tất cả hoạt động tốt nhưng khi tôi tải nó trên thiết bị Android của tôi (chạy 2.3) trang đầu tiên có vẻ tốt, nhưng bất cứ khi nào bạn nhấp vào một liên kết (cho phép nói từ index.html -> logged-in-menu.html jquery di động dường như không khởi động và không có kiểu cách nào được áp dụng. Nếu tôi sau đó chuyển về index.html từ trang hiện tại thì index.html không được đặt trước.

Vì vậy, có chính xác cách di chuyển giữa các trang html riêng biệt? Tôi không nhận được bất kỳ lỗi trình duyệt nào vì vậy mọi thứ có vẻ là để hoạt động tốt nhưng không có kiểu dáng hoặc tính năng nào của jqm được áp dụng.

Chỉ cần mọi người ở cùng một trang, liên kết sử dụng dữ liệu -ajax = "false" để chúng tạo ra một p hoàn chỉnh tuổi làm mới (vì điều này là cần thiết), các ứng dụng không thể làm việc như một ứng dụng trang đơn để đưa tất cả mọi thứ vào một tập tin html lớn không phải là một lựa chọn.

Answer 1

Nếu bạn không tạo kiểu tóc, bạn có tài liệu CSS bị thiếu, lỗi JS hoặc bạn không cấu trúc HTML đúng trên trang mới.

Answer 2

Một cách khác là chia nhỏ các trang (và thậm chí cả các trang trong một trang) thành các tệp .html mẫu riêng được tải động và hiển thị chúng khi cần. Xem hướng dẫn về "tạo ứng dụng dành cho thiết bị di động với KnockoutJS, PhoneGap và jQuery Mobile" http://bit.ly/crmakopgjqm