【发布时间】:2013-08-30 12:50:35
【问题描述】:
我目前正在开发一个支持 jQuery Mobile 的网站。在这个网站上,我有某种收件箱页面,您可以在其中按下一个按钮,将您重定向到您单击的消息。但是如果没有data-ajax="false",我无法让超链接正常工作,这意味着我无法使用 jQuery Mobile 提供的任何漂亮动画。 :-(
如果我不使用data-ajax="false"属性页面加载一个白页,所以我想知道为什么需要使用data-ajax属性?以及如何更改链接以使其在没有 data-ajax 属性的情况下工作,以便我可以再次使用动画。
这是我的链接:
<a href="/members/stuurbericht/513661?prid=3575" data-ajax="false">
<img src="btn_stuurbericht.png" class="fifthimage">
</a>
============= 编辑 ================
猜猜这个问题在stackoverflow的历史中迷失了,所以我希望编辑它会支持它或其他什么......
没有data-ajax="false",我仍然无法使用任何链接,结果证明我网站上的每个页面都有问题。当我点击一个链接时:
<a href="/zoeken?prid=3575" data-transition="slide"></a>
JQM 在页面底部的body 标记内添加div。这个div的html是:
<div data-role="page" data-url="/zoeken?prid=3575" data-external-page="true"
tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 494px;">
</div>
我希望这个 div 应该包含页面的 HTML 代码,但它没有,因为您可以看到内容是空的(就像正在显示的页面一样)。也没有 jquery 错误,不幸的是,我的 jquery knownledge 太少,无法看到加载页面 HTML ($.mobile.changePage) 的 jquery 移动功能内部出了什么问题。
很抱歉,我不能添加实际网站的任何源代码,因为我喜欢对我的工作保持匿名。但我可以保证页面(jquery / html)上没有错误,并且页面包含一个很好的<html><head></head><body><div data-role="page"></div></body></html> 结构。
【问题讨论】:
-
在没有 data-ajax 属性的情况下,您的任何其他链接都可以工作吗?此外,您要链接的页面是否包含属性为
data-role="page"的 div -
请粘贴未加载页面的代码(尤其是绑定事件)。控制台日志有什么有趣的地方吗?
-
如果没有 data-ajax 属性,所有页面都无法正常工作,因此在我的开发机器上也是如此,但如果我在手机上对其进行测试,超链接将不起作用。所有页面都有一个 data-role="page" div。
-
我在我们购买的模板中实施用户密码系统时遇到了这个问题。我的 标签中的 data-ajax=false 很有效。请注意,我只在使用 header(Location:) 时才需要它
标签: jquery html jquery-mobile