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(), чтобы проверить это, в конце (вы не получите предупреждение, если оно ошибается раньше, другой индикатор):

alert(detailURL_food01);
updateFoodImage.src = detailURL_food01;