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

Question

我尝试了不同的方法。
我需要在我的移动网站上使用jquery的div的onclick。 在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作为touchevent ：

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

Answer 2

得到它的工作。

我只是将整个onclick函数（onclick selectableCard）放在ajax中。 这样它将在每次加载ajax时运行。 因此，它可以获取jQuery内部指定的class / div。

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

                container.html(data); //innerHTML part
                $('.selectableCard').click(function(){..call div came through above innerHTML..});
});