CODEWITHSUNDEEP
jqueryjquery-uiandroid-browserjquery-ui-touch-punchtouch-punch
Alex21975
Alex21975

Reputation: 11

JQuery UI Draggable and touch-punch in Android default browser

I'm trying to implement drag and drop behavior using JQuery UI with Touch Punch library (http://touchpunch.furf.com/). Everything works fine in all browsers on android and ios, except default android browser. In simplest examples provided on touchpunch site everyting works, but when you have many droppable areas (or in some other cases) drag and drop in default android browser doesn't work (or works terribly). I wrote an example for this situation: http://jsfiddle.net/u6cNS/166/

$(".drag" ).draggable();
$(".drop" ).droppable({
    drop: function( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( "Got it!" );
    }
});

(see html on jsfiddle)

Any solutions or workarounds are welcome.

Upvotes: 1

Views: 2024

Answers (1)

varun
varun

Reputation: 533

You can try 'accept' option in case of multiple droppable area.

here it explains how to use it : http://api.jqueryui.com/droppable/#option-accept

Upvotes: 0

Related Questions