2013-02-25 50 views
1

在我的HTML文件:如何在加載本地html文件時處理頁面重定向?

<div data-role="content" id="termsContent"> 
    <div id="termDiv"></div> 
</div> 
在我的js文件

$(function() { 
    $("#termsPage").live('pagecreate', function(event,ui){ 
     $("#termDiv").load("tnc.html").trigger('create'); 
    }); 
}); 

然後,在我的tnc.html文件:

<a href="http://www.xxx.com/usage-terms.html"> 

我似乎無法找到任何解決方案在Google上如何正確加載本地html頁面。有沒有人有這方面的建議/經驗?我想直接顯示點擊鏈接。

+0

同樣,你想加載它並稍後使用它,或者你想加載它並同時顯示它嗎? – Gajotres 2013-02-25 14:16:38

+0

嗨Gajotres,抱歉,我需要刪除其他線程..我想加載並點擊鏈接後顯示它..任何建議? – Rendy 2013-02-25 14:40:35

+0

沒問題,我會爲您創建工作示例。 – Gajotres 2013-02-25 14:56:43

回答

0

你很接近,但還不夠。

  1. 。加載函數後無法使用.trigger('create')。加載函數是異步的,所以我們需要等待成功狀態來觸發pagecreate。
  2. 按鈕示例不會顯示,它需要關閉。
  3. 不要使用pagecreate,在這種情況下pagebeforeshow

這裏有一個工作示例:

的index.html:

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQM Complex Demo</title> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
     <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>   
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
    <script src="index.js"></script> 
</head> 
<body> 
    <div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#second" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 
        <div id="termDiv"> 

        </div> 
     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
</body> 
</html> 

load.html:

<a href="http://www.google.com" data-role="button" rel="external">Onen link</a> 

index.js:

$(document).on('pagebeforeshow', '#index', function(){  
    $("#termDiv").load("load.html", function(){ 
     $('#index').trigger('create'); 
    }); 
}); 

我希望這是你想要的所有一起。

+0

thx Gajotres,我會明天嘗試這個,希望會有一個好消息..對不起,現在不能給任何,因爲我在JQuery Mobile很新,所以我不能完全理解你的代碼,而不嘗試它:) – Rendy 2013-02-25 18:09:38

相關問題