Пользовательский интерфейс JQuery Перетаскивание и сенсорный ввод в браузере Android по умолчанию

Я пытаюсь реализовать поведение перетаскивания с помощью пользовательского интерфейса JQuery с библиотекой Touch Punch (http://touchpunch.furf.com/ ). Все отлично работает во всех браузерах на android и ios, кроме браузера android по умолчанию. В простейших примерах, представленных на сайте touchpunch, все работает, но когда у вас много выпадающих областей (или в некоторых других случаях), перетаскивание в браузере Android по умолчанию не работает (или работает ужасно). Я написал пример для этой ситуации: http://jsfiddle.net/u6cNS/166/

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

(см. html на jsfiddle)

Любые решения или обходные пути приветствуются.


jquery jquery-ui android-browser jquery-ui-touch-punch touch-punch
person Alex21975    schedule 25.04.2014    source источник
comment
я предлагаю вам также предоставить версию для Android   -  person melc    schedule 25.04.2014

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете попробовать опцию «принять» в случае нескольких выпадающих областей.

здесь объясняется, как его использовать: http://api.jqueryui.com/droppable/#option-accept

person varun    schedule 26.06.2014
comment
Это ничего не меняет. Он по-прежнему работает очень глючно в браузере Android по умолчанию. Вот тот же пример с опцией «принять»: jsfiddle.net/u6cNS/176 - person Alex21975; 15.09.2014