※ ChatGPTを利用し、要約された質問です(原文:一部環境でAjaxのHTMLデータ書き換えに不具合)
一部環境でAjaxのHTMLデータ書き換えに不具合
一部環境でAjaxのHTMLデータ書き換えに不具合
Ajaxを使用し、HTMLページ内のデータを書き換える処理をしているのですが、iPhone7のsafariだとどうしても口コミデータの表示部分がうまく動きません(※大半のChrome及びiphone6、androidは動作確認ずみ)。問題がどこにあるのかが全く分からず、頭を悩ませています。何か要因となるものや解決策が少しでもわかれば大変助かります。
ご助力の程、何卒よろしくお願い致します。
以下コードを抜粋したものです。
処理1
<script src="../js/rank_2016.js"></script>
…etc…
<p class="reviewOldShowBtn">以前の口コミデータ表示(<span class="reviewOldCntEle">19</span>件)</p>
…etc…
(2)../js/rank_2016.js
…etc…
document.write('<script type="text/javascript" src="XX/php/js/rankReviewPager.js"></script>');
…etc…
$(document).ready(function(){
…etc…
})
(3)XX/php/js/rankReviewPager.js
function listDo(hoge) {
$.ajax({
type: "POST",
dataType: 'json',
url: 'XX',
async: true, //非同期処理
data:{inp:{ a1:hoge }}
}).success(function( data ) {
var obj = data.list;
…etc…
※ここで実際に以前の口コミを表示する処理を実行
$(".reviewEle" ,elePa ).first().before( '<span>' + obj + '</span>' );
…etc…
});
}
jQuery(function(){
//過去の口コミ表示ボタンを押したときのイベント
$("#rankEle").on("click", ".reviewOldShowBtn", function(){
※ここでAjaxを実行
listDo('aaa');
});
}
ーーここまでーー
お礼
すいません。 もう一度調べてみます。時間がなく、開発者に変わって質問したため、要領を得ずに申し訳ありません。 改めて開発者にご理解いただける形で質問するようにしたいと思います。Javascriptを理解していない、CSSを理解していないというありませんので、いただいたアドバイスを参考にもう一度調べてもらいたいと思います。 お忙しい中、ご回答いただき、ありがとうございました。助かりました。