【问题标题】:jQuery Mobile links not working without data-ajax="false", why?jQuery Mobile 链接在没有 data-ajax="false" 的情况下无法工作,为什么?
【发布时间】: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)上没有错误,并且页面包含一个很好的&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;div data-role="page"&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt; 结构。

【问题讨论】:

  • 在没有 data-ajax 属性的情况下,您的任何其他链接都可以工作吗?此外,您要链接的页面是否包含属性为 data-role="page" 的 div
  • 请粘贴未加载页面的代码(尤其是绑定事件)。控制台日志有什么有趣的地方吗?
  • 如果没有 data-ajax 属性,所有页面都无法正常工作,因此在我的开发机器上也是如此,但如果我在手机上对其进行测试,超链接将不起作用。所有页面都有一个 data-role="page" div。
  • 我在我们购买的模板中实施用户密码系统时遇到了这个问题。我的 标签中的 data-ajax=false 很有效。请注意,我只在使用 header(Location:) 时才需要它

标签: jquery html jquery-mobile


【解决方案1】:

我忘记了网站对 AJAX 调用的处理方式不同,这就是原因...

愚蠢的我......

【讨论】:

    猜你喜欢
    • 2013-09-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-25
    相关资源
    最近更新 更多