0

我以前在移动网络应用程序上使用 javascript 对话框进行确认，但现在我试图切换到使用 JQM 1.2 中的新弹出窗口功能。我的初始测试不起作用 - 没有弹出窗口出现，我只是被重定向到我试图调用的锚点。

我的测试代码很简单，虽然有点混淆，因为我使用的是haml：

%a{:href => "#popupBasic", :"data-rel" => "popup"} Show popup
%div{:id => "popupBasic", :"data-role" => "popup"} Basic popup div

也就是说，我不相信 haml 会导致基于读取最终 HTML 输出的问题。两个元素的深度相等并包含在元素内。

此外，当我在控制台上使用以下命令时，div 会毫无问题地“弹出”：

$( "#popupBasic" ).popup( "open" )

这让我相信问题出在链接或 URL 处理的某个地方。当我单击链接时，它会直接将我带到

http://localhost:3000/#popupBasic

关于我应该如何以不同方式处理 URL 以使其按预期显示弹出窗口的任何想法？

4

1 回答 1

0

在意识到问题可能是我的 Javascript 的某些部分后，我经历并尝试单独关闭每一位 javascript，直到我发现问题出在我的 application.js 文件中：

$(document).bind("mobileinit", function(){
  $.mobile.linkBindingEnabled = false;
});

这可以防止所有锚点击处理。显然，现在我已经删除了此代码，锚链接工作正常。当然，这意味着我现在要弄清楚为什么我首先添加了它，以及我刚刚通过删除它破坏了什么......

于 2012-12-25T22:23:32.277 回答