Tôi có một vài html mục, mỗi trang chứa một trang JQM. Tôi cũng có một trang chỉ mục. Nó là một html đa trang JQM, với mỗi trang JQM như một danh mục liệt kê các mục.Cách ghi đè ajax = false để chuyển sang trang dom được tải nếu tồn tại
index.html item1.html item2.html
+------------------+ +--------+--------+ +--------
|+-------+ | +--|Cat. | Next|->|Cat.
||.cont- | | | +--------+--------+ |--------
||ent |+-------+|<----+ | | |
|+-------+|#cat1 || | | |
| | || |bla bla bla | |bla bla
| |link1+---------->| | |
| |link2 || | | |
| +-------+| +-----------------+ +--------
|+-------++-------+|
||#cat2 ||#cat3 ||
|| || ||
||link4 ||link3 ||
|| || ||
|+-------++-------+|
+------------------+
Hiện tại tôi có thể liên kết từ chỉ mục đến mục, với tải ajax trơn tru. Tuy nhiên tôi nhận ra rằng nếu tôi muốn liên kết ngược từ mục này đến chỉ mụC# cat1, tôi cần sử dụng data-ajax='false'
làm chỉ mục là một html nhiều trang. (Tôi không thể sử dụng data-rel='back'
vì trang trước không phải lúc nào cũng là index.html).
Nếu tôi sử dụng ajax='false'
, tôi mất chuyển tiếp suôn sẻ nếu tôi chuyển đổi giữa danh sách và các mục thường xuyên (mỗi lần chuyển trở lại danh sách là tải lại đầy đủ). ví dụ:
-full-tải-> index # cat1 -ajax-tải-> ITEM2 -full-load (một lần nữa) -> index # cat1
Câu hỏi
tôi muốn:
-full-tải-> index # cat1 -ajax-tải-> ITEM2 -ajax-switch-to-already-loaded-> index # cat1
Làm cách nào để ghi đè liên kết di động jquery sao cho khi liên kết data-ajax='false'
được nhấp, đầu tiên tìm kiếm để xem liệu chỉ mụC# cat1 đó đã trong dom? Nếu có, thì chỉ cần chuyển sang trang JQM đó. Nếu nó không tồn tại, hãy tải đầy đủ chỉ mụC# cat1 mà không có ajax (như hành vi mặc định).
Hãy nhớ rằng người dùng có thể bắt đầu từ item1.html và điều hướng đến index.html # cat1.
Tôi biết mình cần đánh dấu từng trang JQM với một số thuộc tính tùy chỉnh, như data-full-url="index.html#cat1"
để giúp tìm kiếm các trang hiện có dễ dàng hơn. Tuy nhiên điểm yếu chính của tôi là làm thế nào tôi có thể thay đổi logic liên kết Jquery Mobile hiện tại.
+1 cho vẽ đẹp :) –
không thể làm điều đó mà không http://www.asciiflow.com/ – lulalala
Tại sao không chỉ tách từng giả trang vào tài liệu HTML khác nhau? Bạn đang đạt được gì bằng cách tạo ra logic phức tạp này? Nếu đó là về thời gian tải cảm nhận thì tôi khuyên bạn nên sử dụng các tài liệu riêng biệt và sử dụng thuộc tính 'data-prefetch' để tránh trễ điều hướng không mong muốn. – Jasper