1

Скрипт не отрабатывает в мобильной версии (на мобильных устройствах, шаблон адаптивный). Есть миниатюры, которые при клике отображаются в в другом div'е с <img ID=main_img. В мобильной версии при нажатии на миниатюру выбирается первое изображение, а не нужное.

$('.preview a').click(function() {
        way = $(this).children().attr("src");
        console.log(way);
        $('#main_img').attr('src', way);
        function_name();
        return false;
    });

При этом в декстопной версии проблем нет. Может влиять fancybox? Помогите разобраться плз.

2 ответа 2

1
$('.preview a').each(function(){ //найти все вхождения и для каждого
    $(this).on("click tap", function() { // на клик назначить...
        // PUT YOUR CODE HERE ;)
    }
});

хотя, вот тут https://stackoverflow.com/questions/6235794/jquery-mobile-for-every-live-tap-event-should-there-be-an-equivalent-click-even народ пишет, что с "click tap" могут быть проблемы и предлагает использовать сторонний плагин.

0
1

Проверьте этот код

$(document).ready(function(){
 $('.preview a').on("click touchstart", function() {
            way = $(this).children().attr("src");
            console.log(way);
            $('#main_img').attr('src', way);
            function_name();
            return false;
        });
});
5
  • Этот вариант не работает...
    – cooledit
    22 янв 2017 в 12:07
  • Это одно и тоже, что у автора вопроса
    – Yuri
    22 янв 2017 в 12:15
  • я обновил код, проверьте сейчас
    – L. Vadim
    22 янв 2017 в 12:53
  • Проверил, не работает..
    – cooledit
    22 янв 2017 в 16:16
  • попробуйте обернуть все документ реади
    – L. Vadim
    23 янв 2017 в 10:38

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.