1

問題を検索しようとしましたが、解決策が見つかりませんでした。これがすでに投稿されている場合は申し訳ありません。

追加を使用して動的に作成された href リンクがありますが、モバイル Safari およびモバイル Chrome (iPad 以外) では機能しません。このリンクは、私がテストしたすべてのデスクトップ ブラウザで正常に機能します。モバイル デバイスで [デスクトップ サイトをリクエスト] を選択した場合も同様です。これは私がやっていることです:

追加を使用していくつかの要素を作成していますが、そのうちの 1 つにリンクが含まれています。情報は単純に json 配列から取得されます。

HTML:

<ul id="structure"></ul>

Javascript:

function createStructure(i){

    $(structure).append($('<ul> \
    <li data-type="media" data-url=\"' + properties[i].image + '\"data-target="_blank"></li> \
    <li data-thumbnail-path=\"' + properties[i].thumbnail + '\"></li> \
    <li data-info=""> \
        <p class="mediaDescriptionText">Link to map: <a class="gmaplink" target="_blank" rel="external" href="http://www.maps.google.com/?q=' + properties[i].Address +'">Click Here</a>.</p> \
    </li></ul>'));  
}

リンクは Google マップへのリンクですが、モバイル版の Safari と Chrome (モバイル デバイス) では機能しません。また、クリック イベントが検出されるように .on() を追加しようとしました。

$(document).on('click', '.gmaplink', function(){
    console.log("link working: " + this.href);
    window.open(this.href, '_blank');
});

しかし、このコードも失敗しますが、ログで実行されることがわかります (モバイル ブラウザー以外のすべての場所で動作します)。ただし、追加を削除して単純に html 構造を使用すると、リンクはモバイルで機能します...したがって、これは問題が追加にある可能性があることを示しています。

私の質問は次のとおりです。追加を使用している場合、およびモバイル ブラウザーでリンク (href) を含める適切な方法は何ですか。

ありがとうございました！

4

1 に答える 1