jQuery移动ajax导航

时间:2011-03-08 14:19:54

标签: jquery ajax jquery-mobile

我刚刚开始使用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>

什么是正确的代码?它甚至可能吗?

3 个答案:

答案 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标记