Response title
This is preview!
- Screen name: Omar
Omar's Profile
2 Posts
384 Responses
3
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- The code below is used to close active panel when navigating backwards in history (browser's back button, data-rel="back", $.mobile.back(), etc.) and cancels navigation. The code works as it should except for one issue that it clears "forward" history.
- var newUrl;
- $(window).on("hashchange", function (e) {
- newUrl = e.originalEvent.newURL;
- }).on("popstate", function (e) {
- var direction = e.historyState.direction == "back" ? true : false,
- activePanel = $(".ui-panel-open").length > 0 ? true : false,
- url = newUrl,
- title = document.title;
- if (direction && activePanel) {
- $(".ui-panel-open").panel("close");
- $(".ui-header .ui-btn-active").removeClass("ui-btn-active");
- $.mobile.pageContainer.pagecontainer("change", url, {
- allowSamePageTransition: true
- });
- window.history.replaceState({}, title, url);
- return false;
- }
- });
-
- $(document).on("pagebeforechange", function (e, data) {
- if (data.options && data.options.allowSamePageTransition) {
- data.options.transition = "none";
- } else {
- data.options.transition = $.mobile.defaultPageTransition;
- }
- });
To reproduce the problem:- Navigate to "Page 2"
- Navigate to "Page 3"
- Navigate back to "Page 2"
- Notice browser's "forward" button
- On "Page2", open "panel" and then hit browser's back button or "Back" button in header
You will notice that browser's "forward" button is disabled.How to maintain "forward" in browser's history?Update:Here is another version where I update history.state through .replaceState(). It has no effect whatsoever except for maintaining browser's history.- 31-Dec-2013 02:12 PM
- Forum: Developing jQuery Mobile
As most of you know, page events such as pageshow,beforeshow, hide andbeforehideare now deprecated and will be removed in 1.5. In my humble opinion, replacing those events with pagecontainershow and hide is a draw back on JQM development. It is not possible to bind new events to specific pages, so we are ought to use if statement to check toPage object. What about dynamically created pages, with dynamic ID? I hope you reconsider removing page events. Thanks! Ps. I have reported an issue in this regard: https://github.com/jquery/jquery-mobile/issues/6865- «Prev
- Next »
Moderate user : Omar