Ajax Post 모바일 브라우저에서 작동하지 않습니다

Question

다음 추출은 데이터베이스에서 일부 정보를 검색하고 내 페이지를 업데이트하는 데 사용되는 값을 반환하는 PHP 파일을 호출합니다. 표준 브라우저에서 완벽하게 작동하지만 모바일에서 시도하자마자 업데이트하지 못합니다.

//function - Retrieve Stats from mysql 

$(function(){ 

    $('.sessionset').on('click', function(e){ 

     //Retrieve Approach details onclick of an Approach button 
     $.ajax({ 
     type: 'POST', 
     dataType: 'json', 
     url: '../_includes/retrieveStats.php', 
     data: {approach: $(this).attr("alt")}, 
      success: function(data) { 
       $("#approach").html("Départ "+data[0]); 
       $("#stats").html(data[1]); 
       $("#summary-description").html(data[2]); 

      } 
     }); 
    }); 
//End function - Retrieve Stats from mysql 
}); 

RetrieveStats.php 필요한 값을 반환

echo json_encode(array($approachDisplayName, $approachStats, $summary)); 

를 이용한다.

나는 아약스에 대한 상대적으로 초보자이므로 어떤 생각이나 의견이라도 대단히 감사하겠습니다.

Answer 1

마술 줌을 사용하여 앞으로이 문제가 발생할 수있는 사람을 위해 알아 냈습니다.

문제는 ... 모바일에서 버튼을 클릭하면 클릭 이벤트가 등록되지 않았습니다. 그러나 약 1 초 동안 버튼에 내 손가락을 쥐고 있으면 클릭 수가 등록됩니다.

내 버튼은 검색된 레코드 수를 기반으로 추가되며 다음 PHP를 사용하여 배열에 저장되어 MagicZoom 플러그인에서 요구하는대로 버튼 스타일로 링크를 만듭니다. 그것은 빠른 탭 인다로 <a>에 다음 추가하여

echo "<a 
    data-zoom-id=\"climbprofile\" 
    href=\"" . $pathZoomFolder . $arrayApproaches[$x] . "-zoom.jpg\" 
    data-image=\"" . $pathMainFolder . $arrayApproaches[$x] . "-main.jpg\" 
    type=\"button\" 
    class=\"sessionset btn btn-default btn-xs \"> 
    <h5>Button Text</h5></a>"; 

그것은했다.

ontouchstart=\"$(this).trigger('click');\" 

최종 코드 스 니펫은 다음과 같습니다. ontouchstart는 phone, tablet 및 desktop에서 작동하는 .sessionset 클래스의 click 이벤트를 트리거합니다.

echo "<a ontouchstart=\"$(this).trigger('click');\" 
    data-zoom-id=\"climbprofile\" 
    href=\"" . $pathZoomFolder . $arrayApproaches[$x] . "-zoom.jpg\" 
    data-image=\"" . $pathMainFolder . $arrayApproaches[$x] . "-main.jpg\" 
    type=\"button\" 
    class=\"sessionset btn btn-default btn-xs \"> 
    <h5>Button Text</h5></a>";