jQuery .draggable函数在带触摸功能的移动设备上不起作用

时间:2018-10-05 10:37:01

标签: jquery mobile drag-and-drop touch

我正在使用下面的代码,但是当尝试在移动设备中使用然后尝试用触摸拖动时,它将不起作用。所以,请您告诉我如何与移动触摸一起使用。

 $(document).on('mouseover','.headerimage',function()
    {
        var y1 = $('#timelineBackground').height();
        var y2 =  $('.headerimage').height();
        $(this).draggable({
        scroll: false,
        axis: "y",
        drag: function(event, ui) {
        if(ui.position.top >= 0)
        {
        ui.position.top = 0;
        }
        else if(ui.position.top <= y1 - y2)
        {
        ui.position.top = y1 - y2;
        }
        },
        stop: function(event, ui)
        {
        }
    });
});

谢谢。

1 个答案:

答案 0 :(得分:0)

触摸设备不支持mouseover事件。检查此以获取其他信息: Preferred Alternative to OnMouseOver for touch

编辑:似乎有一个专门用于此特定目的的库 http://touchpunch.furf.com/