Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/197.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
Javascript jQuery可拖动和滚动不工作:移动设备_Javascript_Android_Jquery_Html - Fatal编程技术网

Javascript jQuery可拖动和滚动不工作:移动设备

Javascript jQuery可拖动和滚动不工作:移动设备,javascript,android,jquery,html,Javascript,Android,Jquery,Html,我试图找出如何使拖拉和拖拉工作正常进行: http://159.8.132.20/alldevice/ 当你们试图拖动图片的任意一边时,拖拽动作也会启动,我希望那个区域可以很容易地滚动,这意味着当我滚动拖拽事件时,不应该在那个里 var $drop = $('#canvas-drop-area,#canvas-drop-area1'), $gallery = $('#image-list li'), $draggedImage = null,

我试图找出如何使拖拉和拖拉工作正常进行:

http://159.8.132.20/alldevice/
当你们试图拖动图片的任意一边时,拖拽动作也会启动,我希望那个区域可以很容易地滚动,这意味着当我滚动拖拽事件时,不应该在那个里

 var $drop = $('#canvas-drop-area,#canvas-drop-area1'),
        $gallery = $('#image-list li'),
        $draggedImage = null,
        $canvasp1old = null,
        $canvasp2old = null;
    $gallery.draggable({
        //refreshPositions: true,
        scroll: false,
        start: function(e) {
            $draggedImage = event.target;
            $drop.css({
                'display': 'block'
            });
        },
        helper: function(e) {
            return $('<img src="' + $(this).find('img').attr("src") + '" width="'+imgwidth+'">');
        },
        stop: function() {
            $draggedImage = null;
        },
        revert: true
    });
var$drop=$('canvas drop-area,'canvas-drop-area1'),
$gallery=$(“#图像列表li”),
$draggedImage=null,
$canvaspold=null,
$canvasp2old=null;
$gallery.draggable({
//他说:对,,
卷轴:错,
开始:功能(e){
$draggedImage=event.target;
$drop.css({
“显示”:“块”
});
},
助手:函数(e){
返回美元(“”);
},
停止:函数(){
$draggedImage=null;
},
回复:真
});
这可能会对您有所帮助

HTML
$(“#可拖动”).draggable({
快照:是的
});
$(“#可拖动2”)。可拖动({
快照:“.ui小部件头”
});
$(“#可拖动3”)。可拖动({
快照:“.ui小部件头”,
快照模式:“外部”
});
$(“#可拖动4”)。可拖动({
网格:[20,20]
});
$(“#可拖动5”)。可拖动({
网格:[80,80]
});
.draggable{
宽度:90px;
高度:80px;
填充物:5px;
浮动:左;
利润率:0 10px 10px 0;
字体大小:.9em;
}
.ui窗口小部件头p,
.ui小部件内容p{
保证金:0;
}
#snaptarget{
高度:600px;
宽度:200px;
}

默认设置(捕捉:true),捕捉到所有其他可拖动图元

我只抓紧那个大箱子

我是一个快速的目标

我只抓住大盒子的外缘

我捕捉到一个20 x 20的网格

我捕捉到一个80 x 80的网格


您能提供上的示例代码吗?该站点在控制台中给了我一个错误。我猜您在
start:function(e)
中传递了e,并使用event.target而不是e.target。如果在控制台中没有看到错误,您将在拖动图像时看到错误
ReferenceError:event未定义-Firefox
奇怪,我在Chrome上没有任何错误。不,但是如果你签入移动浏览器drap和drop,滚动有问题