javascript - jQuery-div onclick-在iPhone中不起作用

我尝试了不同的方法。
我需要在我的移动站点上用jquery单击一个div。单击div时，它将发送一个ajax调用。

$(document).ready(function() {
... ......

$（“body”）.on（'单击'，'.selectableCard'，function（）{

    $.ajax({
                url : URL}).done(
                function(data) {    .....    ....   });
        });
...
....
        });

这在桌面浏览器和android模拟器中运行良好。但不是在iPode4工作。
分区

<div class="resultsMainContainer selectableCard  ">

风格

.selectableCard {
    pointer-events: auto !important;
}
.resultsMainContainer {
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-shadow: 3px 3px 5px 1px #CCCCCC;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 98%;
}

我试着：

$('.selectableCard').click(
        function(){....

但它在桌面上本身不起作用。!
任何想法都将不胜感激：）
下面是一个更新的jsFiddle：
http://jsfiddle.net/smilyface/y7DX5/1/
可以在桌面上正常工作，但不能在iPod上工作

最佳答案

在iphone上，必须使用touchevent例如：

$('.selectableCard').on('click touchstart',function(){
//your code
});