第一页加载时,jquery移动对话框无法打开

时间:2012-01-22 22:25:59

标签: javascript jquery mobile jquery-mobile dialog

根据文档,我遇到了使用多页对话框的问题。当初次访问具有对话框(多页)的页面时,单击打开对话框的按钮时,我遇到问题,它不起作用。但是,如果我然后刷新页面,再次单击该按钮,则对话框显示正常。这种情况发生在所有设备上。

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

这是一个链接:

http://bit.ly/wTnpgi

点击图库然后点击'浏览图库'

更新1

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

1 个答案:

答案 0 :(得分:7)

我明白了。我进一步阅读了文档,并在http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-pages.html

上偶然发现了这一段
  

重要的是要注意您是否通过移动页面进行链接   通过Ajax加载到包含多个内部页面的页面,您   需要在链接中添加rel =“external”或data-ajax =“false”。这个   告诉框架进行整页重新加载以清除Ajax   URL中的哈希值。这很关键,因为Ajax页面使用哈希(#)   跟踪Ajax历史记录,而多个内部页面使用哈希   表示内部页面,因此哈希中会有冲突   这两种模式之间。

     

例如,指向包含多个内部页面的页面的链接   看起来像这样:多页   链路

当我将rel添加到推荐链接时,它可以正常工作。有趣的时光。