jquery - 使用 Ipad 上的模态对话框按下按钮

Question

在我的应用程序中，我有一个按钮，单击该按钮会打开一个引导模式对话框。

现在我知道 Ipad 不执行点击事件，所以我使用了在教程中找到的以下代码：

var ua = navigator.userAgent,
    event = (ua.match(/iPad/i)) ? "touchstart" : "click";

$("button#loginSignup").bind(event, function(e) {
    $('#dialogs').load('dialogs/login-signup.php', function(){
        $('#dialog').modal()
    });
})

但问题是，当我按下按钮时：

<button id="loginSignup" class="btn btn-primary full-width">Login or Signup</button>

对话框滑入顶部并立即返回，就像按下关闭按钮一样。

如何修复此错误？

---

一些额外的信息。我刚刚注意到，如果按钮位于对话框所在的位置，即对话框最终覆盖按钮，则对话框将保留。

Answer 1

我做了：

$("button#loginSignup").bind(event, function(e) {
    e.preventDefault()
    $('#dialogs').load('dialogs/login-signup.php', function(){
        $('#dialog').modal() 
    });
})