我刚刚开始使用jQuery mobile(到目前为止看起来非常有趣)。
我读了great tutorial on elated.com,其中一部分是关于页面转换/ ajax导航。这看起来很棒(在我的iPhone上)但是如果你看一下它在同一页面上的所有平面html。
我想要/需要的是指向另一个网址,并在可能的情况下发生同样的效果。
我一直在阅读有关data-url的here信息,但我似乎无法正常工作。
这是一些非常粗略的示例代码,显然不起作用:
<p><a href="#" data-url="test.html" data-transition="flip">My test link</a></p>
什么是正确的代码?它甚至可能吗?
答案 0 :(得分:2)
尝试<a href="test.html">link</a>
似乎太明显了? ;)
data-url
是页面div加载时的属性。所有页面都是AJAX加载到当前DOM,并且它们很容易找到这个属性。
答案 1 :(得分:0)
来自http://jquerymobile.com/test/docs/pages/page-links.html
默认链接行为:Ajax
要启用动画页面过渡,所有指向外部页面的链接(例如products.html)都将通过Ajax加载。为了不引人注意地执行此操作,框架解析链接的href以形成Ajax请求(Hijax)并显示加载微调器。所有这些都是由jQuery Mobile自动发生的。
如果Ajax请求成功,则将新页面内容添加到DOM,所有移动窗口小部件都会自动初始化,然后将新页面设置为带有页面转换的视图。
答案 2 :(得分:0)
将标记data-ajax="false"
添加到您要为其填写新页面的任何内容,例如:
<a href="xyz.html" data-ajax="false">Link</a>
或者,您可以使用本机锚target
标记