Не открывается лайтбокс на IOS устройствах?

Question

[ALEX]

Здравствуйте. Есть сайт www.ostin.tattoo
При нажатии на картинку открывается лайтбокс. При просмотре сайта с IOS Устройста лайтбокс не открывается. С андроидом и десктопом любой ширины все отлично. Как исправить эту проблему. Благодарю за вашу помощь
Вот код функции которая открывает лайтбокс

function pixflow_portfolioPopup() {
    'use strict';

    $('body').on('click',".inside .item-wrap.portfolio-popup",function(e){
        var element= e.target || e.srcElement;
        if ((e.which != 2) ) { // <-- убрал проверку ширины экрана здесь.
            if (element.attributes.class.nodeValue.indexOf('icon') < 0) {
                $.magnificPopup.open({
                    items: {
                        src: $(this).find(".item-image").attr('data-src')
                    },
                    overflowY:'scroll',
                    type: 'image',
                    closeOnContentClick: false,
                    closeBtnInside: false,
                    mainClass: 'mfp-with-zoom mfp-img-mobile',
                    callbacks: {
                        beforeOpen: function () {
                        },
                        afterClose: function () {
                            $("html").css({'overflow-y': 'auto'});
                        },
                    }
                }, 0);
            }
        }
    });
    $('body').on('click', ".outside .item-image.portfolio-popup", function () {
         //убрал проверку ширины экрана здесь.
            $.magnificPopup.open({
                items: {
                    src: $(this).attr('data-src')
                },
                overflowY:'scroll',
                type: 'image',
                closeOnContentClick: false,
                closeBtnInside: false,
                mainClass: 'mfp-with-zoom mfp-img-mobile',
                callbacks: {
                    beforeOpen: function () {
                    },
                    afterClose: function () {
                        $("html").css({'overflow-y': 'auto'});
                    },
                }
            }, 0);
    });
}

Answer 1

[Боб Хоуп]

Привет, Александр,

нашел очень смешное решение проблемы вот в этой ветке:
stackoverflow.com/questions/3025348/how-do-i-use-j...

Решается с помощтю css, нужно поставить элементу, по которому юзер должен кликнуть свойство cursor: pointer;
Не спрашивай меня, как это работает - черная магия.

В общем, надо в css добавить куда-нибудь:

.inside .item-wrap.portfolio-popup {
  cursor: pointer;
}

Comments

[ALEX]

очень благодарен за вашу помощь, мы просто сделали мой день))