AutoVervollständigen erfordert, dass Sie auf zweimal in iOS nach update 1.11.0

Für einige seltsame Grund @onlydimon's Antwort hat bei mir nicht funktioniert. Es scheint, wie wir brauchen, Veranstaltung mouseenter. Folgende Antwort hat gut für mich gearbeitet.

open: function (result) {

            if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
                $('.ui-autocomplete').off('menufocus hover mouseover');
            }
        },

Habe ich Hinzugefügt eine Bedingung, um sicherzustellen, dass es nicht zu brechen in anderen Geräten.

InformationsquelleAutor Sangram Nandkhile

Schrieb einen super fiesen hack, das scheint, den trick zu tun für mich. Hier ist, was ich Tat.

1. Schauen, dass wir über ein touch-Gerät (in meinem Fall eine variable, die ich genannt habe IAmTouchy.
2. Zu hören Tippen Sie auf (touchstart) auf eine AutoVervollständigen-Ergebnis.
3. Nach einer festgelegten Zeit überprüfen, um zu sehen, ob die autocomplete-Ergebnisse sind immer noch sichtbar. Wenn Sie sind, und ein Element fokussiert wird, auslösen, klicken Sie auf es.

4. (optional) Versuchen es noch einmal... falls die eingestellte Zeit war nicht lang genug für das element, um die ui-state-focus-Klasse.

       $('.autocompleteContainer').on('touchstart', 'li.ui-menu-item', function(){
   
           var $container = $(this).closest('.autocompleteContainer'),
               $item = $(this);
   
           //if we haven't closed the result box like we should have, simulate a click on the element they tapped on.
           function fixitifitneedsit() {
               if ($container.is(':visible') && $item.hasClass('ui-state-focus')) {
   
                   $item.trigger('click');
                   return true; //it needed it
               }
               return false; //it didn't
           }
   
           setTimeout(function () {
               if (!fixitifitneedsit()) {
                   setTimeout(fixitifitneedsit, 600);
               }
           }, 600);
       });

Ich hoffe, jemand hat eine schönere Lösung aber!

InformationsquelleAutor Liam Johnston

Basierend auf Liam Johnston Lösung, schrieb ich diesem eine, die für mich arbeiten mit Autofokus auf true gesetzt:

var movedWhildAutocomplete = false;
$(document)
    .on('touchstart', '.ui-autocomplete li.ui-menu-item', function(){
        $(this).trigger('mouseenter');
        movedWhildAutocomplete = false;
    })
    .on('touchmove', '.ui-autocomplete li.ui-menu-item', function(){
        movedWhildAutocomplete = true;
    })
    .on('touchend', '.ui-autocomplete li.ui-menu-item', function(){
        if (!movedWhildAutocomplete) {
            var $el = $(this);
            if ($el.is(':visible') && $el.hasClass('ui-state-focus')) {
                $el.trigger('click');
            }
        }
        movedWhildAutocomplete = false;
    });

InformationsquelleAutor Raphaël Malié

Verwenden fastclick.js es wird dieses problem lösen. Ich weiß, das js wird verwendet zum entfernen Tippen Sie auf 300ms Verzögerung, aber es löste dieses problem, auch für mich.

1. Laden Sie die minified-version von TradeDoubler (alternativ können Sie Folgen Sie den Anweisungen für die Installation der nicht-minified-version hier)

2. Schließen Sie die Datei in Ihrem Projekt:

   <script src = "js/fastclick.min.js"></script>

3. Befestigen Sie die TradeDoubler-Objekt, um das Dokument nach FastClick geladen wurde:

   var attachFastClick = Origami.fastclick;

   attachFastClick(document.Körper);

HINWEIS: Wenn Sie versuchen, mit FastClick die non-minified Weg, ich.e:

<script src = "js/fastclick.js"></script>;

Dann verwenden

TradeDoubler.Anhängen(Dokument.Körper);

aber sind einschließlich der minified Datei, die Sie erhalten Fehler (sagen Sie, dass TradeDoubler ist nicht definiert). Wenn Sie mit der minified Datei müssen Sie auf Sie durch Origami.

InformationsquelleAutor Swapnil Man

Im arbeiten mit jQuery UI mit und cordova, und ich habe das gleiche problem in der app, meine Lösung für das problem ist dies:

$('.ui-autocomplete').mouseenter( function( e ){
    e.preventDefault();
    e.stopPropagation();
});

Diese aufhören, den Fokus auf das ausgewählte Element.

InformationsquelleAutor Jorge Mejia