jquery - div onclick - 无法在iPhone上运行

Question

我尝试了不同的方式.
我需要在我的移动网站上点击一个带有jquery的div.单击div时,它将发送ajax调用.

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

$('body').on('click','.selectableCard',function(){

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

这在桌面浏览器和Android模拟器中运行良好.但不适用于iPode4.

DIV

<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中无法正常工作

Answer 1

在iPhone上你必须使用touchevent例如:

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