Javascript SRC funktioniert nicht in IPhone Safari und Android

Question

Gemäß der Anforderung muss ich das Bild src dynamisch ändern, daher verwende ich JavaScript, um dies zu erreichen.

Ich bin auf das Bild mit ID zugreifen und neue src je nach Benutzer klicken, unten ist der Code, wo ich das Problem bekomme. Durch den Prozess bekomme ich die aktualisierten SRC-Daten des Bildes, aber es sieht seltsam aus, dass ich das aktualisierte Bild im Desktop-Browser sehen konnte, aber nicht in Mobile Safari und Andriod.

Bitte helfen

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

Diese sollte Arbeit, sofern sie zur richtigen Zeit laufen gelassen. Beide Browser haben Probleme beim Rendern und Laden von Inhalten viel langsamer ... Art der Arbeit am Handy, das heißt, Sie müssen sicher, dass Ihr Code ausgeführt wird, nachdem das DOM geladen ist, auf window.onload zum Beispiel, wenn sonst Sie führen document.getElementById("plateText_food") ... aus, das id="plateText_food" Element möglicherweise nicht im DOM bereit ist, noch zu finden.

ein einfaches alert() Versuchen Sie dies zu testen, am Ende (Sie die Warnung nicht erhalten, wenn es vor dem Fehler, ein weiterer Indikator):

alert(detailURL_food01); 
updateFoodImage.src = detailURL_food01;