По какой-то причине, когда я нажимаю на кнопку, которая вызывает меню, чтобы открыть, добавленный источник атрибута не заполняет определенное изображение с IOS mobile / tablet через браузер (я пробовал Chrome).
Я искал решение. Я видел, что кто-то порекомендовал добавить "touchend" к моей функции нажатия, и я сделал, но это не помогло. $('.requestButton').on('click touchend', function (event) {
Я не уверен, как продемонстрировать эту ситуацию, поскольку это происходит только на мобильных / планшетных устройствах IOS.
Нажмите здесь, чтобы увидеть его в прямом эфире
Прокрутите вниз, где вы видите раздел ниже. Нажмите «Запросить копию».
В синем разделе должно отображаться изображение. Он отображается на моем устройстве Android и в браузере на рабочем столе.
Кто-нибудь знает, почему это не отображается на устройствах IOS?

var button_engagement = '';
$('.requestButton').on('click touchend', function (event) {
catalogChoice = $(this).data('catalog-name');
$('.catalogName').html(catalogChoice + ' Catalog');
event.stopPropagation();
$('#catalogPop').fadeIn(350);
$('body').css('overflow', 'hidden');
$('#formWrap').show();
$('#catalogSuccessWrap').hide();
$('[name="description').val(catalogChoice);
var requestButSel = $(this).data('catalog-name');
var availability = '';
//Populating the Request Block 1 Img
if (requestButSel == 'Profile') {
requestImgLink = 'link';
requestImgAlt = 'Alt';
} else if (requestButSel == 'Fastening Technology') {
requestImgLink = 'link';
requestImgAlt = 'Alt';
}
$('#requestBlock1img').attr('src', requestImgLink);
$('#requestBlock1img').attr('alt', requestImgAlt);
});