jquerymobile-2 多个页面一个文件

在jquerymobile中我们可以将多个页面写到同一个html中，只要我们按照jquerymobile的要求加上对应的属性，jquerymobile会为我们将他们转变成几个分开的页面，每次显示的时候默认只会显示第一个。下面先看代码然后再解释：

 







	

    	
header
    
    

    	this is home content!!
        Other pagehelloJQM.html
    
    

    	
 Footer
    


	

    	
other_header
    
    

    	this is other content!!
        Home page
    
    

    	
Other footer
    

在上面代码中我们总共包含了两个页面，分别使用data-role来表示。在jquerymobile中使用data-role=“page”将会创建一个页面，一般会给它一个id值，在这些页面切换的时候会用到这个id值。

在jquerymobile中使用“data-”开头的属性去指定一些jquerymobile中特有的东西，我们使用的data-role只是其中的一个。这里我们使用的是data-role=“page”，jquerymobile将把它处理成为一个页面。

我们可以使用a标签，然后href使用paga的id就可以切换到其他的页面。这里有一个属性data-ajax，默认为true，表示我们是否使用ajax来加载新的网页，在jquerymobile中默认使用的是ajax方式去加载页面，如果将这个属性设置为false，将不会使用ajax方式加载，直接就是进入这个网页。可能大家感觉没什么不同，但是如果我们将这个属性设置为false后，在helloJQM.html(上一篇文章中的代码)将开始的对jquerymobile的引用去掉，显示的页面将不会被jquerymobile处理，如果设置成为true，则会进行处理。这里的原因就是加载方式，使用ajax加载jquerymobile还起作用，如果使用普通跳转，新跳转的网页中没有jquerymobile文件，将不会起作用。

我也是刚学jquerymobile，所以可能有些地方错误，还请指出。