Question

我第一次尝试使用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设备上的警报。帮助将不胜感激。

Answer 1

你试过这个吗？

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

Answer 2

尝试以下代码

＆＃13;

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

＆＃13;

JQuery Mobile按钮单击事件未在iOS设备上触发

2 个答案: