2012-05-14 45 views
7

Có cách nào để buộc trang jQm tải lại khi changePage hoàn tất không?Trang làm mới jQuery Mobile sau khi thay đổiPage

Tôi có một số trang được tải động vào một mảng. Tất cả các trang đang được tải là một phần của danh sách, ví dụ: "20 ứng dụng dành cho thiết bị di động của năm 2011". Người dùng sẽ cần có khả năng vuốt sang trái và phải để điều hướng các trang.

Tôi đã thêm mã hiện tại đây: http://jsfiddle.net/cncpts/qMe6Z/2/

Chú ý cách URL đang được kéo ra từ mảng. Từ đây tôi có thể kéo URL tiếp theo và URL trước đó nhưng tôi chỉ có thể điều hướng một trang về phía trước và một trang trở lại.

Bạn có thể kiểm tra trang ở đây bằng cách nhấn sau đó vuốt sang chuột sang trái hoặc sang phải: http://www.cncpts.me/complex/swipe/index.php

Bất kỳ ý tưởng về cách để có được của URL để làm mới trong khi duy trì hiệu ứng chuyển tiếp JQM bản địa.

+0

Bạn có nghĩa là bạn muốn làm mới trang lần thứ hai bạn xem chúng? Hoặc bạn có nghĩa là bạn muốn làm mới các trang hiện không được xem? – Jasper

+0

Tôi đoán tôi không cần URL của trình duyệt để thay đổi, tôi đã thực hiện việc này bằng API lịch sử HTML5. Tôi cần phải cập nhật URL cho lần tiếp theo và trước đó. Nếu bạn đã đến index2.php thì vuốt sang trái, bạn sẽ nhận được index3.php rồi thử vuốt lại bạn sẽ nhận được index2 nhưng bạn nhận index.php. Vì vậy, nó lưu trữ các giá trị trang gốc, không lưu trữ các giá trị mới. – HjalmarCarlson

Trả lời

0

Tại sao bạn không sử dụng JQM pagaintion plugin? Nên chính xác những gì bạn đang tìm kiếm.

Nếu bạn muốn thay đổi URL mà bạn sẽ phải thiết lập các changehash tùy chọn là true để cho nó thay đổi

$.mobile.changePage(next,{ 
     changeHash:true, 
     reloadPage:true, 
     dataUrl:next 
     }); 

Dưới đây là liên kết tới demo

+0

Nếu tôi muốn sử dụng plugin phân trang như thế nào sẽ bắt đầu phân trang trên swipe? Tài liệu không nêu rõ cách sử dụng bất kỳ tùy chọn nào. – HjalmarCarlson

+0

Ngoài ra, changeHash sẽ chỉ hoạt động nếu tôi đang triển khai một trang đơn chính xác? Tôi cần URL để thay đổi từ index1.php thành index2.php. Khi bạn kích hoạt băm, bạn nhận được index1.php # index2.php này mà không nhận được bất cứ nơi nào của tôi. Có lẽ tôi đang làm điều gì sai. – HjalmarCarlson

+0

Không biết ý bạn là gì. Nếu bạn kiểm tra bản demo phân trang (liên kết ở trên), trên màn hình, bạn cần nhấp vào trái/phải để thay đổi, trong khi trên các thiết bị hỗ trợ cảm ứng, bạn chỉ cần vuốt sang trái/phải và trang thay đổi sẽ kích hoạt. Plugin này đang sử dụng các trang riêng biệt (1/2/3/4.html) và URL cũng được cập nhật. Để thiết lập nó, bạn chỉ cần thêm trình kích hoạt plugin và pagination (liên kết đến trang index2 và index3) và phần còn lại được thực hiện bằng cách phân trang. – frequent

Các vấn đề liên quan