2012-07-06 84 views
0

我正在開發一個使用jquerymobile fb滑動方法的應用程序,不知道它位於何處以顯示原始內容。然而。我最大的問題是它需要一個鏈接並動態地嘗試通過某種類型的ajax get方法來加載頁面。這不是我想要的;我希望頁面加載像一個正常的鏈接被點擊在任何其他網站上,但我不知道如何禁用它,文檔使它看起來像是可能的,但我不確定我自己。jQueryMobile停止頁面轉換

這是唯一的自定義JS據我可以告訴這個模板

$(document).bind("mobileinit", function(){ 
    $.mobile.pushStateEnabled = true; 
}); 



     $(function(){ 
      var menuStatus; 


      // Show menu 
      $("a.showMenu").click(function(){ 
       if(menuStatus != true){    
       $(".ui-page-active").animate({ 
        marginLeft: "175px", 
        }, 300, function(){menuStatus = true}); 
        return false; 
        } else { 
        $(".ui-page-active").animate({ 
        marginLeft: "0px", 
        }, 300, function(){menuStatus = false}); 
        return false; 
        } 
      }); 


      $('#menu, .pages').live("swipeleft", function(){ 
       if (menuStatus){  
       $(".ui-page-active").animate({ 
        marginLeft: "0px", 
        }, 300, function(){menuStatus = false}); 
        } 
      }); 

      $('.pages').live("swiperight", function(){ 
       if (!menuStatus){ 
       $(".ui-page-active").animate({ 
        marginLeft: "175px", 
        }, 300, function(){menuStatus = true}); 
        } 
      }); 

      $('div[data-role="page"]').live('pagebeforeshow',function(event, ui){ 
       menuStatus = false; 
       $(".pages").css("margin-left","0"); 
      }); 

      // Menu behaviour 
      $("#menu li a").click(function(){ 
       var p = $(this).parent(); 
       if($(p).hasClass('active')){ 
        $("#menu li").removeClass('active'); 
       } else { 
        $("#menu li").removeClass('active'); 
        $(p).addClass('active'); 
       } 
      }); 

      $("#b_done").click(function(){ 
       $("#menu li").removeClass('active'); 
       $("#menu li:first-child").addClass('active'); 
      }); 

      // Tabs 
      $('div[data-role="navbar"] a').live('click', function() { 
       $(this).addClass('ui-btn-active'); 
       $('div.content_div').hide(); 
       alert($(this).attr('data-href')); 
       //$('div#' + $(this).attr('data-href')).show(); 
       //window.location = $(this).attr.('data-href'); 
      }); 
}); 

回答

1

您可以在移動的init關閉阿賈克斯裝載

$(document).bind("mobileinit", function(){ 
    $.mobile.ajaxEnabled = false; 
}); 
1

無法找到這jQuery Mobile的改變頁面的任何特殊代碼的多數民衆贊成一部分。

看一看jQuery Mobile的AJAX行爲文檔:http://jquerymobile.com/demos/1.1.0/docs/pages/page-navmodel.html

通常加載頁/ HTML沒有Ajax,
要麼把相對=外部或者把數據阿賈克斯=假在你的錨標籤。

<a href="/anotherPage" rel='external'>