【问题标题】:JQuery Mobile button click event not firing on iOS deviceJQuery Mobile 按钮单击事件未在 iOS 设备上触发
【发布时间】:2014-06-25 14:33:00
【问题描述】:

我第一次尝试 JQuery Mobile,但无法触发对运行 iOS 7.1 的 iphone 4S 上按下按钮的响应。点击事件是在我的计算机上的浏览器中触发的,而不是在设备上。我可以看到这是一个常见问题,并尝试了各种建议的解决方案,但它们似乎对我不起作用。我的代码非常简单。标记是

<!doctype html>
<html>
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>title</title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

<script src="javascript/idtest.js"></script>

</head>
<body>
<div data-role="page">

<div id='login'>

<center>
    <a href="#" data-role="button" id='pincodebtn'>Identify</a>
</center>

</div>

</div><!-- /page -->

</body>
</html>

而 javascript idtest.js 是

$(document).ready(function() {

    $('#pincodebtn').css('cursor','pointer');

    $(document).on('click','#pincodebtn',function(){    
        alert('clicked');   
    })

});

如您所见,我尝试了将光标设置为指针的技巧。我也尝试过捕捉“vclick”、“touchstart”、“touchend”和“tap”事件。这些都不会触发 iOS 设备上的警报。帮助将不胜感激。

【问题讨论】:

    标签: javascript ios iphone jquery-mobile


    【解决方案1】:

    你试过了吗?

    $('#pincodebtn').on('click',function(){    
            alert('clicked');   
    });
    

    【讨论】:

    • 是的,我也试过了。它可以在计算机上运行,​​但不能在移动设备上运行
    • 你能提供更多细节吗?你的代码和我的代码为我工作。你在使用phonegap/cordova吗?还是一个网站?
    • 我现在已经将完整的标记和完整的 javascript 放在了问题中。而已。这是一个纯粹而简单的网站。可以在我的电脑上使用,但不能在我的手机上使用。
    • 它对我有用,也许你在手机上禁用了 javascript?
    • 重新启动 Safari 并且成功了! @jcesarmobile - 感谢您为我指明正确的方向
    【解决方案2】:

    试试下面的代码

    $('#pincodebtn').on('click touchstart',function(){    
            alert('clicked');   
    });

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-10-14
      • 1970-01-01
      • 2013-05-11
      • 1970-01-01
      • 1970-01-01
      • 2014-01-14
      • 1970-01-01
      • 2010-10-21
      相关资源
      最近更新 更多