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..});
});