带有jQuery-Mobile的Dialog插件

时间:2011-02-26 01:42:10

标签: jquery dialog jquery-mobile

我发现如果我使用另一个覆盖/对话框插件,如Clearbox或fancyBox,我会在覆盖初始化后松开jQuery-Mobile的使用功能。对话框打开正确,但我发现它下面有“页面错误”警告 - 我关闭了对话框&然后没有其他工作(即:刷卡和甚至设备和Chrome浏览器上的背面btn)只有插头(对话框)。

这会触发叠加层:

<a href="res/img/f1_1.jpg" rel="clearbox">Figure 1-1</a> 

如果我在标签上添加:target =“something”,警报消失,一切正常;但是,图像被加载到DOM和对话框中 - 这显然是不可取的。是否有修复/工作轮次来解决问题。我真的不想使用随jQuery-Mobile发布的'in-the-box'对话框。

1 个答案:

答案 0 :(得分:5)

jQuery Mobile尝试使用AJAX调用将所有链接加载到当前页面。如果我不得不猜测问题是Clearbox或Fancybox实际上是先处理事件而对话框按预期显示。在那之后,我的猜测是jQuery mobile会尝试处理链接的click事件,并试图打开链接本身,然后出现问题。

添加目标的原因是jQuery Mobile不像往常那样处理这些链接。如果您可以使用rel =“external”,它可能会解决问题,只要您不需要它就可以使Clearbox或Fancybox具有不同的值。另一种选择是尝试添加data-ajax =“false”作为a标签的属性。