jquery - div onclick - не работает в iPhone

Question

Я пробовал разные способы.
Мне нужен onclick для div с jquery на моем мобильном сайте. При нажатии на div он отправит ajax-вызов.

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

$ ('тело'). На ('нажмите' 'selectableCard', функция() {

$.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

Got it working.

Я просто положил всю функцию onclick (onclick selectableCard) внутри ajax. Чтобы он запускался каждый раз при загрузке ajax. Таким образом, он может получить класс/div, указанный внутри jQuery.

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

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

Answer 2

На Iphone вы должны использование touchevent для примера:

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