鏈接到不同的html頁面中的虛擬頁面：jQuery Mobile

我在我的移動應用程序index.html和individual.html中有2個html頁面。 Index.html頁面包含許多虛擬頁面。我在individual.html頁面中有一個按鈕。我想將它鏈接到index.html中的虛擬頁面。鏈接到不同的html頁面中的虛擬頁面：jQuery Mobile

可能嗎？

究竟該如何做？

請幫幫忙，

感謝

來源

2012-09-29 Erma Isabel

您可以創建鏈接按鈕，在individual.html，像這樣：下面給你的鏈接：

<a data-role="button" rel="external" href="index.html#your_virtual_page">BUTTON</a>

這裏是有什麼事情的工作示例成爲您的文件index.html和individual.html：

-index.html：

<html> 
    <head> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" /> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
     <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script> 
    </head> 

    <body> 
     <div id="home" data-role="page"> 
      <div data-role="content"> 
       HOME 
      </div> 
     </div> 

     <!-- THE VIRTUAL PAGE THAT WE WANT TO ACCESS FROM individual.html --> 
     <div id="p2" data-role="page"> 
      <div data-role="content"> 
       PAGE 2!!! 
      </div> 
     </div> 
    </body> 
</html>

-individual.html：

<html> 
    <head>  
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile.structure-1.1.1.min.css" /> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> 
     <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
     <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>   
    </head> 

    <body> 
     <div id="home" data-role="page"> 
      <div data-role="content"> 
       <!-- YOUR LINK TO YOUR VIRTUAL PAGE IN index.html --> 
       <a data-role="button" rel="external" href="./index.html#p2">TO PAGE 2</a> 
      </div> 
     </div> 

     <div id="p1" data-role="page"> 
      <div data-role="content"> 
       P1 
      </div> 
     </div>  
    </body> 
</html>

希望這有助於伴侶。

來源

2012-09-29 06:14:49 Littm

非常感謝..... itz正在工作..幫助 –

您的歡迎夥伴！ ;） – Littm

鏈接到不同的html頁面中的虛擬頁面：jQuery Mobile

回答

相關問題