使用 doubletap 替换 jquery mobile 中的 dblclick 但在 IPAD 中不起作用答案

【问题标题】：Use doubletap to replace dblclick in jquery mobile but not working in IPAD使用 doubletap 替换 jquery mobile 中的 dblclick 但在 IPAD 中不起作用
【发布时间】：2012-12-18 20:27:03
【问题描述】：

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); 
        });

【问题讨论】：

标签： jquery ipad jquery-mobile double-click

【解决方案1】：

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

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

您还需要注意上面示例中的 mata 标签仅在 iOS 设备上使用，因为这些属性可能会在其他设备上导致问题，更多信息可以在这里找到：https://stackoverflow.com/a/12270403/1848600

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

【讨论】：