jQuery移动ajax导航

jQuery移动ajax导航,jquery,ajax,jquery-mobile,Jquery,Ajax,Jquery Mobile,我刚刚开始学习jQuery mobile(到目前为止,它看起来非常有趣) 我读了一篇文章,其中一部分是关于页面转换/ajax导航的。这看起来很棒(在我的iPhone上),但如果你看一下源代码,它在同一页上都是平面html 我想要/需要的是指向另一个url,如果可能的话,也会产生同样的效果 我一直在阅读有关数据url的信息,但我似乎无法得到任何工作 下面是一些显然不起作用的非常粗略的示例代码: <p><a href="#" data-url="test.html" data-tr

我刚刚开始学习jQuery mobile(到目前为止,它看起来非常有趣)

我读了一篇文章,其中一部分是关于页面转换/ajax导航的。这看起来很棒(在我的iPhone上),但如果你看一下源代码,它在同一页上都是平面html

我想要/需要的是指向另一个url,如果可能的话,也会产生同样的效果

我一直在阅读有关数据url的信息,但我似乎无法得到任何工作

下面是一些显然不起作用的非常粗略的示例代码:

<p><a href="#" data-url="test.html" data-transition="flip">My test link</a></p>

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

试试

似乎太明显了

数据url
是页面div在加载时具有的属性。所有页面都是AJAX加载到当前DOM中的,并且很容易找到该属性。

From

默认链接行为:Ajax

要启用动画页面转换,所有指向外部页面(例如products.html)的链接都将通过Ajax加载。为了不引人注目地做到这一点,框架解析链接的href以形成Ajax请求(Hijax),并显示加载微调器。所有这些都是jquerymobile自动完成的


如果Ajax请求成功,新页面内容将添加到DOM中,所有移动窗口小部件将自动初始化,然后通过页面转换将新页面动画化到视图中。

将标签:
data Ajax=“false”
添加到任何要显式加载新页面的内容,例如:

<a href="xyz.html" data-ajax="false">Link</a>


或者,您可以使用本机锚定
target
tag

如果您指的是外部(而不是对同一页面上id的引用),您是否尝试过简单地将您想要的url放在“a”标记的href中?很多其他移动框架都是这样做的。是的,我正要说我是个白痴:那就行了。干杯