Question

我有一个jQuery脚本来管理我的图像的翻转。我的脚本在PC上工作正常但不幸的是这个脚本与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");
    });
  });
});

Answer 1

试试这个：

$(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");
        });
    });
});

由于没有悬停，您仍然需要触摸（点击）移动设备上的图片。

jQuery脚本翻转在iDevices上不兼容

1 个答案: