0

次の抽出は、データベースから情報を取得し、ページを更新するために使用される値を返す 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));

必要な値を返します。

私は ajax の比較的初心者なので、考えやコメントをいただければ幸いです。

4

1 に答える 1

0

魔法のズームを使用して、将来これに遭遇する可能性のある人のために、わかりました.

問題はこれでした...モバイルでボタンをタップすると、クリックイベントが登録されませんでした! ただし、ボタンを約 1 秒間指で押し続けると、クリックが登録されます。

私のボタンは、取得したレコードの数に基づいて追加され、次の php を使用して配列に格納され、MagicZoom プラグインで必要なボタンとしてスタイル設定されたリンクを作成します。 

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>";

以下を追加すること<a>で、クイックタップで正常に機能しました。

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

最終的なコード スニペットは次のようになります。ontouchstart は、電話、タブレット、およびデスクトップで動作するクラス .sessionset のクリック イベントをトリガーします。

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>";
于 2016-10-16T21:07:19.987 に答える