带有 jQ​​uery-Mobile 的对话框插件

Question

我发现如果我使用另一个覆盖/对话框插件，如 Clearbox 或 fancyBox，我会在覆盖初始化后失去 jQuery-Mobile 的使用功能。对话框正确打开，但我注意到它下面有一个“页面错误”警报 - 我关闭了对话框，然后没有其他工作（即：滑动甚至设备和 Chrome 浏览器上的背面 btn）只有插件（对话框）。

这是触发叠加层的原因：

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

如果我在 a 标签中添加： target="something" ，警报就会消失并且一切正常；但是，图像被加载到 DOM 和对话框中——这显然是不希望的。是否有修复/解决问题的方法。我真的不想使用带有 jQ​​uery-Mobile 的“in-the-box”对话框。

Answer 1

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

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