jquery - 在 jquery mobile 中使用 doubletap 替换 dblclick 但在 IPAD 中不起作用

Question

jquery mobile 提供了 doubletap 选项，但是，当我使用 Ipad 测试时，它只执行默认行为，即缩放页面，有什么方法可以解决这个问题吗？谢谢

  $("#book div img").live('doubletap', function() {
            $("#book").turn("disable", true); 
            var path = this.src;
            path = path.replace("medium", "original");
            var imgPath = path.replace("medium", "image");
            path = path.replace("jpg", "png");
            var textPath = path.replace("medium", "text");
            //$("body").prepend("<div id = 'view'><div id = 'popup'><img id = 'largeText' src = '' /><img id = 'largeImg' src = '' /></div></div><img id = 'close' src = 'img/close.png' /><div id='slider' style='display:none;position:fixed;z-index:105;height:25%;right: 2%;top:25%;'></div>"); 
            $("body").prepend("<div id = 'view'><div id = 'popup'><img id = 'largeText' src = '' /><img id = 'largeImg' src = '' /></div></div><img id = 'close' src = 'img/close.png' /><img id = '1x' src ='img/1x.png' class = 'icon' style='top:280px;'><img id = '2x' src ='img/2x.png' class = 'icon' style='top:340px;'><img id = '4x' src ='img/4x.png' class = 'icon' style='top:400px;'></div>"); 
            //$(".nav_arrow").css("visibility","hidden");
            $("footer").css("visibility","hidden");

            $("#largeText").attr("src",textPath);
            $("#largeImg").attr("src",imgPath);

            $("#view").css("height",$(window).height());
            $("#view").css("width",$(window).width());

            $("#popup").css("height",$("#largeImg").height());
            $("#popup").css("width",$("#largeImg").width());

            element = $('#view').viewport();
            content = element.viewport('content');
            content.draggable({
                containment: 'parent'
            });
            content.scraggable({
                containment: 'parent',
                sensitivity:'40'
            });

            $( "#view" ).show();
            $( "#popup" ).show();
            $( "#close" ).delay(500).show(0);
            $( ".icon" ).delay(500).show(0);
            $( ".icon" ).fadeTo("slow", 0.43); 
        }); 

Answer 1

此问题可以解决，但您将需要失去部分 iOS 网络功能。

要启用双击，您需要禁用页面缩放:

您还需要注意顶部示例中的 mata 标记仅在 iOS 设备上使用，因为这些属性可能会在其他设备上引起问题，更多信息可以在此处找到:https://stackoverflow.com/a/12270403/1848600

通过禁用页面缩放，您将在 iOS 设备上禁用页面缩放。