Tôi đang sử dụng điện thoại di động jquery với điện thoại. Ứng dụng của tôi có hai trang: trang đăng nhập và trang danh sách. Khi đăng nhập thành công, người dùng sẽ vào trang danh sách. Sau đó, khi họ nhấn nút quay lại trên điện thoại của họ (android), họ sẽ quay lại trang đăng nhập. Tôi không muốn hành vi như thế này. Những gì tôi muốn là thoát khỏi ứng dụng.Jquery di động, xóa trang trước
Trả lời
Như tôi đã trả lời trong câu hỏi này: page hash and backbutton issue phonegap+Jquery
Bạn có thể thay đổi các trang mà không cần giữ chúng trong lịch sử trình duyệt như sau:
$.mobile.changePage('#page', {reverse: false, changeHash: false});
Thật không may, tôi không quản lý để ngăn chặn các trang ban đầu từ ở trong lịch sử trình duyệt, vì vậy tôi sử dụng một cách giải quyết: bố cục
Page:
<body>
<!-- page_1 before page_loading in source -->
<div data-role="page" id="page_1">
</div>
<!-- page_loading will be shown first -->
<div data-role="page" id="page_loading">
<div data-role="content">
<h1 >
<b>welcome</b>
</h1>
</div>
</div>
<div data-role="page" id="page_2">
</div>
</body>
jQuery:
function onBodyLoad()
{
//go to page_loading before deviceready without keeping it in browser history
$.mobile.changePage('#page_loading', {reverse: false, changeHash: false});
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady()
{
//your initialization code here...
//now go to page_1 without keeping it in browser history since the actual first page was #page_1 already
$.mobile.changePage('#page_1', {reverse: false, changeHash: false});
//your code here...
}
Điều này phù hợp với nhu cầu của bạn, chỉ cần dùng thử. "#page_loading" sẽ là trang đăng nhập của bạn, "PAGE_1" trang danh sách của bạn ...
Thêm lựa chọn cho ngược và changeHash không làm việc cho tôi. sử dụng Cordova v1.6
Tôi đã kết thúc ghi đè phương thức onTouch trong Hoạt động trên Android của mình.
@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
if (KeyEvent.KEYCODE_BACK == keyCode) {
// Clear browsers history if user clicks back button
clearHistory();
}
return super.onKeyUp(keyCode, event);
}
Hãy ghi nhớ rằng changeHash: false đề cập đến trang điểm đến, không để nguồn. Bạn sẽ không xóa trang nguồn khỏi lịch sử. Thay vào đó, băm lịch sử sẽ không được cập nhật khi chuyển sang trang
mới Nếu bạn sử dụng phiên bản mới nhất của jQuery di động (1.4+), bạn có thể sử dụng kịch bản này:
$.mobile.pageContainer.pagecontainer('change', '#page', {reverse: false, changeHash: false});
jQuery.mobile.changePage
bị phản đối như của jQuery Mobile 1.4.0 và sẽ bị xóa trong 1.5.0.
- 1. jQuery di động nội dung trang dọc di chuyển dọc
- 2. Chuyển tiếp trang di động jQuery CSS3 mà không cần thư viện di động jQuery
- 3. Jquery di động: chuyển hướng đến một trang khác trước khi tải
- 4. Phụ đề di động jQuery "tải tiêu đề" đến trang
- 5. Chiều cao trang trên thiết bị di động jQuery
- 6. Jquery thay đổi điện thoại di động trang
- 7. Trang web di động JQuery, menu facebook mới
- 8. Xem trước trang web jQuery
- 9. jquery pageContainer di động phát
- 10. JQuery Mobile xóa trang chuyển tiếp
- 11. Các tab điều hướng di động jQuery
- 12. jQuery Mobile: Nhận ID của trang trước
- 13. Liên kết di động JQuery với MVC
- 14. Tải trước và chạy jQuery/javascript trước khi xem trang
- 15. Với Phonegap, tốt hơn: nhiều trang html hoặc nhiều trang di động jquery?
- 16. Di động Jquery: Tắt "nhấn để chuyển đổi" đầu trang và chân trang cố định
- 17. Google cdn jQuery di động
- 18. Bootstrap hoặc JQuery di động
- 19. Lỗi di động jQuery "không thể gọi các phương thức trên listview trước khi khởi tạo"
- 20. jQuery: Di chuyển JavaScript xuống cuối trang?
- 21. Chuyển đổi trang trên thiết bị di động của JQuery mà không cần jQuery mobile
- 22. Kích thước di động Jquery quá nhỏ
- 23. Trang CSS di động riêng biệt so với trang di động riêng biệt?
- 24. jQuery - Di chuột không hoạt động
- 25. jQuery Mobile NavBar với nút quay lại của trang trước
- 26. Thêm sự kiện swipe di động jquery
- 27. Cách làm mới hoặc đặt lại ứng dụng trong điện thoại di động + jquery di động?
- 28. Di động Jquery. Nhấp nhiều lần vào lần truy cập trang mới
- 29. jquery nút di động màu nền
- 30. Nút di động jQuery vẫn được nhấn