jquery - 带 jQuery-Mobile 的对话框插件

Question

我发现，如果我使用其他覆盖/对话框插件，如 Clearbox 或 fancyBox，我会在覆盖初始化后失去 jQuery-Mobile 的使用功能。对话框正确打开，但我注意到它下面有一个“页面错误”警报 - 我关闭对话框，然后其他任何东西都不起作用(即:滑动甚至设备上的后退按钮和 Chrome 浏览器)只有插件(对话框)。

这会触发叠加:

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

如果我将: target="something"添加到 a 标签，警报就会消失并且一切正常；但是，图像被加载到 DOM 和对话框中 - 这显然是不希望的。是否有修复/解决方法来解决该问题。我真的不想使用 jQuery-Mobile 附带的“现成”对话框。

Answer 1

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

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