按下按钮在Ipad上使用模态对话框

时间:2013-05-09 19:10:40

标签: jquery ipad twitter-bootstrap modal-dialog

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

现在我知道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>

对话框滑入顶部,然后立即再次返回,就像按下关闭按钮一样。

如何解决此错误?


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

1 个答案:

答案 0 :(得分:0)

我做过:

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