Функция jQuery .draggable не работает на сенсорном мобильном устройстве - PullRequest
0 голосов
/ 05 октября 2018

Я использую приведенный ниже код, но когда вы пытаетесь использовать в мобильном телефоне, а затем пытаться перетащить с помощью касания, то это не работает.Так что вы можете, пожалуйста, посоветовать мне, как я могу использовать с мобильным 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 голосов
/ 05 октября 2018

Сенсорные устройства не поддерживают mouseover события.Проверьте это для дополнительной информации: Предпочтительная альтернатива OnMouseOver для сенсорного ввода

Редактировать: Кажется, есть библиотека, созданная для этой конкретной цели http://touchpunch.furf.com/

...