drag does not work with touchmove default prevented

[wclr]

On touch (mobile) devices.

There is a popular libriry for cross browser scrolling iScroll https://github.com/cubiq/iscroll/, jquerypp drag events do not work properly when dragable element placed on it.

[mickmcgrath13]

@whitecolor Could you give more context to the issue you're experiencing (iScroll options you've set, etc)?

I've created a jsbin, and jQuery++ / iScroll are behaving as expected: http://jsbin.com/nerari/edit?html,js,output

[wclr]

@mickmcgrath13 sorry I forgot to mention that it doesn't work on touch devices, its ok on destop right.
http://jsbin.com/lilehonoto/edit?html,js,output

[mickmcgrath13]

@whitecolor I ran the following bin's output on my mobile device, and it worked as expected (http://output.jsbin.com/nerari/14).

Further, I noticed that in the bin you provided, there is a span with an id of "drag" inside the div with an id of "innerDrag", and they both have jQuery++ drag events tied to them. However, even with this setup, jQuery++ and iScroll are behaving as expected (on touch devices, too).

Perhaps more context to the issue you're experiencing (the code you're using with iScroll options you've set, what you expected to happen, etc) would help in understanding the problem.

[mickmcgrath13]

@whitecolor I am curious about the outcome of your issue; have you been able to solve it?

[wclr]

The problem It doen't work with this:

    $(document).on('touchmove', function(ev){
        ev.preventDefault()
    });

This is needed to prevent bouncing scrolling on thouch devices (for entire app).

Preventing default on touchstart event can not be used because it prevents click events on android.

So not sure what to do with that, any Ideas?

[DreamEmulator]

I have the same issue, very interested in the sollution...