Javascript SRC ne fonctionne pas dans IPhone Safari et Android

Question

Selon l'exigence, j'ai besoin de changer l'image src dynamiquement, d'où j'utilise JavaScript pour accomplir cela.

J'accède à l'image avec id et l'ajout de nouveaux src selon le clic de l'utilisateur, ci-dessous est le code où je reçois le problème. Tout au long du processus, je reçois la mise à jour des données SRC de l'image, mais il semble étrange que je pouvais voir l'image mise à jour dans le navigateur de bureau, mais pas dans Mobile Safari et Andriod.

S'il vous plaît aider

//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

Ce travail devrait, à condition qu'il soit exécuté au bon moment. Tant les navigateurs que vous rencontrez des problèmes lors du rendu et charger le contenu beaucoup plus lentement ... nature de travail sur mobile, cela signifie que vous devez être sûr que votre code s'exécute après le chargement du DOM, par exemple sur window.onload, sinon vous exécutez document.getElementById("plateText_food") ... que l'élément id="plateText_food" ne peut pas être dans le DOM prêt à trouver pour le moment.

Essayez simple alert() à tester, à la fin (vous ne serez pas l'alerte si elle erreurs avant, un autre indicateur):

alert(detailURL_food01); 
updateFoodImage.src = detailURL_food01;