Xác định chuyển đổi trả về giữa các thay đổi trang

Question

Tôi đang sử dụng phương thức $.mobile.changePage(...) của jQueryMobile để chuyển sang một trang khác trong dự án của tôi.

$.mobile.changePage("#foo", { 
transition:"slide" 
}); 

Khi tôi chạy phương thức đó, quá trình chuyển đổi hoạt động hoàn hảo nhưng khi tôi nhấn nút quay lại của trình duyệt, tôi không thấy chuyển đổi ngược lại.

Tôi đã chơi xung quanh với một số thông số được mô tả trong http://jquerymobile.com/test/docs/api/methods.html nhưng không có may mắn.

Đặc biệt thiết lập reverse:true vừa đảo ngược chuyển tiếp khi chuyển sang trang đích nhưng vẫn không có chuyển tiếp khi tôi nhấn nút quay lại.

---

Cập nhật: Nó có vẻ như nhìn thấy dữ liệu rel = "trở lại" hiện các trick cho "liên kết orginary" được định nghĩa thông qua <a> -tag NHƯNG những gì tôi cần là tương đương với JavaScript khi gọi Hàm $.mobile.changePage().

Answer 1

Tìm thấy nó.

Một trong những nhà phát triển của chúng tôi đã tắt tất cả chuyển tiếp trả lại trên toàn cầu, vì vậy không có gì lạ khi nó không hoạt động.

Đây là những gì anh ấy đã sử dụng. Loại bỏ dòng đó đã làm các trick.

$.mobile.changePage.defaults.transition = "none"; 

Answer 2

Hãy xem trang này, http://jsfiddle.net/nachiket/mDTK2/show/light/
Làm việc tốt với tôi.

Nhấp (trên trang 1) hiển thị chuyển đổi từ Trái sang phải, & Nút quay lại (trên trang 2) hiển thị quá trình chuyển đổi từ phải sang trái.

Nguồn: http://jsfiddle.net/nachiket/mDTK2/
Nếu nó không hoạt động tốt, vui lòng chia sẻ trình duyệt của bạn và các chi tiết khác.
Nếu ví dụ hoạt động tốt, nhưng không phải là mã của bạn, hãy làm cho jsfiddle làm nổi bật vấn đề của bạn, vì vậy tôi có thể kiểm tra và cập nhật mã/câu trả lời.

Answer 3

Đối với các liên kết bạn muốn có sự chuyển đổi ngược trên bạn có thể sử dụng data-direction="reverse" với data-rel="back"

Ví dụ:

<div data-role="page" > 
    <div data-role="header"><h3> Header </h3> </div> 
    <div data-role="content" >  
     <a href="#page2" data-role="button" data-transition="slide">Page 2</a> 
    </div> 
</div> 

<div data-role="page" id="page2"> 
    <div data-role="header"><h3> Header </h3> </div> 
    <div data-role="content" >  
     <a href="#" data-rel="back" data-role="button" data-direction="reverse" >Back</a> 
    </div> 
</div>​ 

jsFiddle:

• http://jsfiddle.net/GEDcF/

Documents :

• http://jquerymobile.com/demos/1.1.1/docs/api/data-attributes.html

CẬP NHẬT

Từ nhận xét của bạn

"Yeah, but how do I do that with the JavaScript function $.mobile.changePage()?" 

Documents:

• http://jquerymobile.com/demos/1.1.1/docs/api/methods.html

Trích:

Properties: 
    reverse (boolean, default: false) Decides what direction the transition will run when showing the page.