2012-01-22 66 views
3

我按照文档使用多页对话框时遇到了问题。当初次访问具有对话框(多页)的页面时,点击打开对话框的按钮时,我遇到了问题,它不起作用。但是,如果我然后刷新页面,并再次单击该按钮,对话框显示正常。这发生在所有设备上。jquery移动对话框在第一页加载时未打开

任何想法从哪里开始?我已经检查过代码验证,唯一缺少的是一些图像上的一些alt标签。

这里是一个链接:

http://bit.ly/wTnpgi

点击画廊则 '浏览画廊'

更新1

我发现一个有趣的结果。如果我通过链接从另一个页面访问页面(即:从主页转到图库),该对话框不起作用。但是,如果我通过网络浏览器地址栏直接访问网址,它确实有效。所以,它与推荐和可能的Ajax页面加载有关。

+0

你可以发布一个链接或你尝试过的一些代码吗? http://jsfiddle.net –

+0

我已经添加了一个链接。我还一直剥离代码一直到只是按钮和一个空的对话框,它仍然无法正常工作。 – David

回答

7

我想通了。我越走越读入文档和整个这一段偶然在http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html

要注意,如果你从一个移动网页,这是通过Ajax加载到包含多个内部页面的页面 链接是很重要的,你 需要在链接中添加rel =“external”或data-ajax =“false”。此 通知框架执行整页重新加载,以清除URL中的Ajax 散列。这很关键,因为Ajax页面使用散列(#) 来跟踪Ajax历史记录,而多个内部页面使用散列 来指示内部页面,因此这两种模式之间将存在散列 中的冲突。

例如,链接到包含多个内部网页会 看这样的页面:多页 链接

当我的版本添加到推荐链接,它的工作原理。娱乐时间。

+0

仅供参考这些是Alpha版本的发行说明,jQM有官方1.0版本发布http://jquerymobile.com/demos/1.0/ –

+0

对于通过表单重定向,'rel =“external”'是不可能的。但是你可以使用'target =“_ self”',它可以在任何地方工作([这个答案显示为'rel = external for forms'] [http://forum.jquery.com/topic/rel-external- for-forms#14737000002597231)) – miguelsan

+0

我发现target =“_ self”是最可靠和最普遍适用的。 –

相关问题