使用Jquery Mobile框架制作可以跳转的简单页面

2024-11-20 01:18:41

1、首先我们需要打开Deaweaver软件,新建一个html5文件,并保存下来。

使用Jquery Mobile框架制作可以跳转的简单页面

3、接下来我们需要新建几个div标签,并为其添加属性data-role="page"

使用Jquery Mobile框架制作可以跳转的简单页面

5、之所以只有第一个div是因为,我将所有的div都添加了data-role="page"属性,这样每一个div都是一个jquery mobile页面了。而Jquery Mobile框架式默认的只显示第一个页面。虽然他们都在一个html文档中。

使用Jquery Mobile框架制作可以跳转的简单页面

7、最后,我们需要给每个页面分别添加锚记链接,以实现多个页面互相跳转。

使用Jquery Mobile框架制作可以跳转的简单页面
猜你喜欢