Question

我有一点jQuery只是切换图像并进行缩放...

    jQuery(".image-list-image").on('click', function(){

                // this line fixes my issue
                jQuery('.product-zoom-container').trigger('zoom.destroy');


                var org = jQuery('#main-image').attr("src");
                console.log('org = ' + org)

                var src = jQuery(this).attr("data-main-image-src");
                console.log('src = ' + src)
                if(src != org){
                    jQuery('#main-image').fadeOut(400, function(){
                        jQuery("#main-image").attr("src", src);
                    }).fadeIn(400);

                    jQuery('.product-zoom-container').zoom({
                        magnify: .25,
                        url: src,
                        on: 'grab',
                    });
                }
            });

它可以在桌面浏览器中完美运行，但不能在移动设备上运行，最初你可以点击每个.image-list-element，它会将#main-image交换得很好。但是，如果你抓住主图像，点击.image-list-element就会停止工作，容器会调整大小到src图像的大小，但实际图像不会改变。

我不确定这里的原因是什么它适用于桌面和桌面？不移动。

有人可以解释发生了什么[和修复]

更新

在尝试对其进行任何进一步操作之前，添加了一个脚本链接以销毁缩放容器。似乎解决了我的问题

Answer 1

解决了我自己的问题 - 更新添加到问题：）

// this line fixes my issue
jQuery('.product-zoom-container').trigger('zoom.destroy');

图像无法打开移动设备

1 个答案: