Javascript SRCがIPhone SafariとAndroidで動作しない

Question

私は動的にイメージsrcを変更する必要があるため、これを達成するためにJavaScriptを使用します。

私はidで画像にアクセスしています。ユーザーのクリックに応じて新しいsrcを追加しています。問題が発生しているコードは次のとおりです。プロセスを通して、私は画像の更新されたSRCデータを取得していますが、私はデスクトップブラウザで更新された画像を見ることができますが、Mobile safariとAndriodでは見ることができないように見えます。

は、

//This is id for fetching the user data 
var text_food=document.getElementById("plateText_food"); 

//User Data 
var currentFoodName=text_food.innerHTML; 

//as per the requirement removing space and adding "-" 
var regExp = /\s+/g; 
var foodName=currentFoodName.replace(regExp,'-'); 

//Detail URL 
var detailURL_food01 = 'img/beer_images_png/' + foodName + '.png'; 

//id FOR ACCESSING IMAGE 
var updateFoodImage=document.getElementById("detailURL_food"); 

//adding updated src 
updateFoodImage.src = detailURL_food01; 

Answer 1

このべき仕事を助けるそれが適切な時間に実行いてください。モバイルでの作業の性質は、でなければならないことを意味します。 DOMがロードされた後にコードが実行されることを確認してください。そうでなければwindow.onloadに、そうでなければdocument.getElementById("plateText_food") ... id="plateText_food"要素がDOM内にないため、まだ見つけられません。

シンプルalert()は（前にそれ誤り、他のインジケーター場合は、警告を取得することはありません）最後に、これをテストしてみてください：私は、ウィンドウのonload上のコンテンツをロードしています

alert(detailURL_food01); 
updateFoodImage.src = detailURL_food01;