jquery mobile根據調用頁面阻止頁面更改

Question

我試圖阻止jquery mobile中的頁面更改，具體取決於用戶當前處於什麼頁面，但我不知道data.options對象中的內容。所以基本上我需要說，如果用戶要去index.html和調用頁面是example.html，然後防止默認。

$(document).bind("pagebeforeload", function (event, data) { 
    var toPage = data.toPage; 
    if (toPage == 'undefined') { 
    return; 
    } else { 
    //need additional condition to see current page in the data.objections object? 
    if (toPage == '/android_asset/www/index.html'); 
    event.preventdefault(); 
    } 
}); 

Answer 1

您實際上想要使用pagebeforechange事件。

$(document).bind('pagebeforechange', function(e, data) { 
    var to = data.toPage, 
     from = data.options.fromPage; 

    if (typeof to === 'string') { 
     var u = $.mobile.path.parseUrl(to); 
     to = u.hash || '#' + u.pathname.substring(1); 
     if (from) from = '#' + from.attr('id'); 

     if (from === '#page1' && to === '#page3') { 
      alert('Cannot change to page 3 from page 1'); 
      e.preventDefault(); 

      // remove active class on button 
      // otherwise button would remain highlighted 
      $.mobile.activePage 
       .find('.ui-btn-active') 
       .removeClass('ui-btn-active'); 
     }    
    } 
}); 

我已經在這裏創造一個樣品http://jsfiddle.net/kiliman/zMnUM/