Ролловер сценариев jQuery не совместим с iDevices

Question

Ролловер сценариев jQuery не совместим с iDevices

0

У меня есть сценарий jQuery для управления просмотром моих изображений. Мой скрипт отлично работает на ПК, но, к сожалению, этот скрипт несовместим с iDevices (iPad, iPhone).

image-normal.jpg <=> image-hover.jpg

Не могли бы вы мне помочь?

$(document).ready(function(){
  $(function () {
    $('img.rollover').hover(function () {
      $(this).css("cursor", "pointer");
      this.src = this.src.replace("-normal","-hover");
    }, function () {
      this.src = this.src.replace("-hover","-normal");
    });
  });
});

Xroad 13 дек. 2013, в 18:57

Источник

0

Вы не можете использовать парение на сенсорном экране. Период.
Blazemonger 13 дек. 2013, в 18:01
0

$(document).ready(function) и $(function) - это одно и то же, не знаю, почему вы используете их оба. Смотрите: api.jquery.com/ready
ToastyMallows 13 дек. 2013, в 18:04
0

Спасибо, я новичок в JS (и JQuery)
Xroad 13 дек. 2013, в 18:22

Показать ещё 1 комментарий

Теги:

javascript

jquery

iphone

ipad

rollover

1 ответ

Ещё вопросы

Вы не можете использовать парение на сенсорном экране. Период.
$(document).ready(function) и $(function) - это одно и то же, не знаю, почему вы используете их оба. Смотрите: api.jquery.com/ready

Tomanow · Accepted Answer · 2013-12-13T16-57-00.000Z

Попробуй это:

$(document).ready(function(){
    $(function () {
        $('img.rollover').on('mouseenter touchstart', function(){
            $(this).css("cursor", "pointer");
            this.src = this.src.replace("-normal","-hover");
        });

        $('img.rollover').on('mouseleave touchend', function(){
            this.src = this.src.replace("-hover","-normal");
        });
    });
});

Вам все равно нужно будет нажать (щелкнуть) изображение на мобильном телефоне, так как не будет парить.

Кажется, работает! Большое спасибо !
Ну, после тестирования у меня есть проблема. На iDevices кнопки не возвращаются в «нормальное» состояние при повторном нажатии на него