Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jquery mobile中使用doubletap替换dblclick,但在IPAD中不起作用_Jquery_Ipad_Jquery Mobile_Double Click - Fatal编程技术网

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

在jquery mobile中使用doubletap替换dblclick,但在IPAD中不起作用,jquery,ipad,jquery-mobile,double-click,Jquery,Ipad,Jquery Mobile,Double Click,jquerymobile提供了doubletap选项,但是,当我使用Ipad进行测试时,它只会执行默认的行为,即缩放页面,有没有办法修复它?谢谢 $("#book div img").live('doubletap', function() { $("#book").turn("disable", true); var path = this.src; path = path.replace("medium", "or

jquerymobile提供了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); 
        }); 
$(“#图书部门img”).live('doubletap',function(){
$(“#book”)。旋转(“disable”,true);
var path=this.src;
路径=路径。替换(“中等”、“原始”);
var imgPath=path.replace(“medium”、“image”);
path=path.replace(“jpg”、“png”);
var textPath=path.replace(“中”、“文本”);
//$(“正文”)。前缀(“”);
$(“正文”)。前缀(“”);
//$(“.nav_arrow”).css(“可见性”、“隐藏”);
$(“页脚”).css(“可见性”、“隐藏”);
$(“#largeText”).attr(“src”,textPath);
$(“largeImg”).attr(“src”,imgPath);
$(“#视图”).css(“高度”,$(窗口).height());
$(“#视图”).css(“宽度”,$(窗口).width());
$(“#popup”).css(“height”,$(“#largeImg”).height());
$(“#popup”).css(“width”,$(“#largeImg”).width());
元素=$(“#视图”).viewport();
内容=元素。视口(“内容”);
content.draggable({
遏制:“家长”
});
content.scragable({
包含:'父',
灵敏度:'40'
});
$(“#视图”).show();
$(“#弹出窗口”).show();
$(“#关闭”)。延迟(500)。显示(0);
$(“.icon”).delay(500).show(0);
$(“.icon”).fadeTo(“慢”,0.43);
}); 

此问题可以修复,但您需要丢失部分iOS web功能

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

您还需要注意,top example中的mata标记仅在iOS设备上使用,因为这些属性可能会在其他设备上导致问题,有关它的更多信息可以在此处找到:


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

此问题可以解决,但您需要丢失部分iOS web功能

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

您还需要注意,top example中的mata标记仅在iOS设备上使用,因为这些属性可能会在其他设备上导致问题,有关它的更多信息可以在此处找到:

通过禁用页面缩放,您可以在iOS设备上禁用页面缩放