链接到不同的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

回答

相关问题