blocks|key|1281402|text|写了一个超级下流的黑客，这似乎对我有好处。我就是这么做的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1281403|检查我们使用的是触摸设备(在我的例子中，是一个名为IAmTouchy的变量)。|ordered-list-item|1281404|侦听自动完成结果的点击(触控启动)。|1281405|设置时间后，检查自动完成结果是否仍然可见。如果它们是，并且某个项目被聚焦，则触发对它的单击。|1281406|(可选)再试一次。如果设置的时间不够长，元素无法获得ui状态焦点类。
$('.autocompleteContainer').on('touchstart'，‘li.ui-菜单项’，函数(){+var+$container+=+$(this).closest('.autocompleteContainer')，$item+=+$(this)；//如果我们没有像我们应该的那样关闭结果框，那么模拟单击他们点击的元素。函数补丁(){+if+(‘：$container.is’)+&&+$item.hasClass(‘ui-状态-焦点’){$item.trigger(‘单击’)；返回真；//它需要它}返回false；//+it不}setTimeout(函数()+{+if+(！固定器)()){setTimeout(固定器需要，600；}，600)；}；|1281407|希望有人有一个更好的解决方案，尽管！|1281408|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|Q|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|T|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

Wrote a super nasty hack which seems to do the trick for me. Here's what I did.

<ol>
<li>Check that we're using a touch device (in my case, a variable I have called IAmTouchy.</li>
<li>Listen for a tap (touchstart) on an autocomplete result.</li>
<li>After a set time, check to see if the autocomplete results are still visible. If they are, and an item is focussed, trigger a click on it.</li>
<li>(optional) Try once more... in case the set time wasn't long enough for the element to gain the ui-state-focus class.

<pre><code> $('.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') &amp;&amp; $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);
 });
</code></pre></li>
</ol>

Hopefully someone has a nicer solution though!

blocks|key|1281421|text|稍晚一点，但是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1281422|$("#input").autocomplete({
++++open:+function(event,+ui)+{
++++++++$('.ui-autocomplete').off('menufocus+hover+mouseover+mouseenter');
++++}
});|code-block|syntax|javascript|1281423|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just a bit later, but

<pre><code>$("#input").autocomplete({
 open: function(event, ui) {
 $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
 }
});
</code></pre>

blocks|key|1281436|text|在onlydimon解决方案的基础上：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1281437|var+input+=+$("#input")
//+Initialize+autocomplete
input.autocomplete()
//+Retrieve+the+autocomplete+list+and+remove+the+mouseenter+event
//+which+seems+to+trip+up+iOS+Safari
input.autocomplete('widget').off('mouseenter')|code-block|syntax|javascript|1281438|我将事件列表缩小为jQuery的“mouseenter”事件。只删除这个，我就解决了这个问题。此外，无需每次打开列表时删除它；一次就足够了。|1281439|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Building on onlydimon’s solution:

<pre><code>var input = $("#input")
// Initialize autocomplete
input.autocomplete()
// Retrieve the autocomplete list and remove the mouseenter event
// which seems to trip up iOS Safari
input.autocomplete('widget').off('mouseenter')
</code></pre>

I narrowed down the list of events to just jQuery's 'mouseenter' event. Removing just this one fixes the bug for me. Also, no need to remove it every time the list is opened; once is enough.

blocks|key|478642|text|由于一些奇怪的原因，@onlydimon's的回答对我没有用。看起来我们确实需要事件mouseenter。下面的回答对我很管用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|478643|open:+function+(result)+{

++++++++++++if+(navigator.userAgent.match(/(iPod%7CiPhone%7CiPad)/))+{
++++++++++++++++$('.ui-autocomplete').off('menufocus+hover+mouseover');
++++++++++++}
++++++++},|code-block|syntax|javascript|478644|我增加了一个条件，以确保它不会进入其他设备。|478645|entityMap^0|A|C|16|A|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

For some strange reason <code>@onlydimon's</code> answer didn't work for me. It seems like we do need event <code>mouseenter</code>. Following answer worked well for me.

<pre><code>open: function (result) {

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

I have added a condition to make sure that it doesn't break in other devices.

blocks|key|1281536|text|使用fastclick.js就可以解决这个问题。我知道这个js用于消除300+me的抽头延迟，但它也为我解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1281537|下载FastClick的小型化版本(或者，您可以按照这里安装非小型化版本的说明进行操作)|ordered-list-item|offset|length|1281538|将该文件包括在项目中：|1281539|在加载FastClick对象之后，将FastClick对象附加到文档：
变量attachFastClick+=+Origami.fastclick；
attachFastClick(document.body)；|1281540|注意:如果您尝试以非缩小的方式使用FastClick，即：|1281541|<script+src+=+"js/fastclick.js"></script>;|code-block|syntax|javascript|1281542|然后使用|1281543|FastClick.attach(document.body)；|1281544|但是包含了将收到错误的缩小文件(告诉您FastClick是未定义的)。如果您使用的是缩小的文件，您必须访问它通过折纸。|1281545|entityMap|0|LINK|mutability|MUTABLE|url|http://build.origami.ft.com/bundles/js?modules=fastclick^0|0|2|9|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|16|8|@]|9|@$E|17|F|18|1|19]]|A|$]]|$1|G|3|H|5|D|7|1A|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1B|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1D|8|@]|9|@]|A|$P|Q]]|$1|R|3|S|5|6|7|1E|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1F|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1G|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]]]

Use fastclick.js it will solve this problem. I know this js is used for removing 300ms tap delay but it solved this problem also for me.

<ol>
<li>Download the minified version of <a href="http://build.origami.ft.com/bundles/js?modules=fastclick" rel="nofollow">FastClick</a> (alternatively, you can follow the instructions for installing the non-minified version here)</li>
<li>Include the file in your project:

&lt;script src = "js/fastclick.min.js"&gt;&lt;/script&gt;
</li>
<li>Attach the FastClick object to the document after FastClick has been loaded:

var attachFastClick = Origami.fastclick;

attachFastClick(document.body);</li>
</ol>

NOTE: If you try using FastClick the non-minified way, i.e:

<pre><code>&lt;script src = "js/fastclick.js"&gt;&lt;/script&gt;;
</code></pre>

Then use

FastClick.attach(document.body);

but are including the minified file you will receive errors (telling you that FastClick is undefined). If you are using the minified file you must access it through Origami.

blocks|key|1281574|text|您可能可以使用自动完成的focus事件！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1281575|焦点(事件，ui+)|1281576|​|1281577|$(function()+{
++var+availableTags+=+[
++++"ActionScript",
++++"AppleScript",
++++"Asp",
++++"BASIC",
++++"C",
++++"C%2B%2B",
++++"Clojure",
++++"COBOL",
++++"ColdFusion",
++++"Erlang",
++++"Fortran",
++++"Groovy",
++++"Haskell",
++++"Java",
++++"JavaScript",
++++"Lisp",
++++"Perl",
++++"PHP",
++++"Python",
++++"Ruby",
++++"Scala",
++++"Scheme"
++];

++var+selectAction+=+function(event,+ui)+{
++++//do+whatever+you+want+with+event+and+ui+objects
++++console.log(ui.item)
++}

++$("#tags").autocomplete({
++++source:+availableTags,
++++focus:+selectAction,
++++select:+selectAction
++});
});|code-block|syntax|javascript|1281578|<script+src="//code.jquery.com/jquery-1.10.2.js"></script>
<script+src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<label+for="tags">Tags:</label>
<input+id="tags">|1281579|1281580|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jqueryui.com/autocomplete/#event-select^0|C|5|0|0|A|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|H|3|I|5|6|7|16|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|17|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|L|7|18|8|@]|D|@]|E|$M|N]]|$1|Q|3|I|5|6|7|19|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

you can probably can use the <code>focus</code> event from autocomplete!

<a href="http://api.jqueryui.com/autocomplete/#event-select" rel="nofollow">focus( event, ui )</a>

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
 var availableTags = [
 "ActionScript",
 "AppleScript",
 "Asp",
 "BASIC",
 "C",
 "C++",
 "Clojure",
 "COBOL",
 "ColdFusion",
 "Erlang",
 "Fortran",
 "Groovy",
 "Haskell",
 "Java",
 "JavaScript",
 "Lisp",
 "Perl",
 "PHP",
 "Python",
 "Ruby",
 "Scala",
 "Scheme"
 ];

 var selectAction = function(event, ui) {
 //do whatever you want with event and ui objects
 console.log(ui.item)
 }

 $("#tags").autocomplete({
 source: availableTags,
 focus: selectAction,
 select: selectAction
 });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
&lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;

&lt;label for="tags"&gt;Tags:&lt;/label&gt;
&lt;input id="tags"&gt;</code></pre>
</div>
</div>

blocks|key|42742|text|基于Liam+Johnston解决方案，我编写了这个为我工作的autoFocus设置为true：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|42743|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;
++++});|code-block|syntax|javascript|42744|entityMap^0|2|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Based on <code>Liam Johnston</code> solution, I wrote this one which work for me with autoFocus set to true:

<pre><code>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') &amp;&amp; $el.hasClass('ui-state-focus')) {
 $el.trigger('click');
 }
 }
 movedWhildAutocomplete = false;
 });
</code></pre>

blocks|key|479039|text|来自Rapha+l马里的解决方案几乎是完美的，但它需要evt.preventDefault()进行触摸，否则它将生成对单击项下的链接/按钮的单击。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|479040|++++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(evt){
++++++++++++if+(!movedWhildAutocomplete)+{
++++++++++++++++var+$el+=+$(this);
++++++++++++++++if+($el.is(':visible')+&&+$el.hasClass('ui-state-focus'))+{
++++++++++++++++++++evt.preventDefault();
++++++++++++++++++++$el.trigger('click');
++++++++++++++++}
++++++++++++}
++++++++++++movedWhildAutocomplete+=+false;
++++++++});|code-block|syntax|javascript|479041|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Solution from Raphaël Malié is almost perfect, but it needs evt.preventDefault() for touchend, otherwise it will generate a click on a link/button that is under clicked item.

<pre><code> 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(evt){
 if (!movedWhildAutocomplete) {
 var $el = $(this);
 if ($el.is(':visible') &amp;&amp; $el.hasClass('ui-state-focus')) {
 evt.preventDefault();
 $el.trigger('click');
 }
 }
 movedWhildAutocomplete = false;
 });
</code></pre>

blocks|key|1281637|text|我正在使用jQuery+UI+with和cordova，我在应用程序中也有同样的问题，我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1281638|$('.ui-autocomplete').mouseenter(+function(+e+){
++++e.preventDefault();
++++e.stopPropagation();
});|code-block|syntax|javascript|1281639|这将停止对所选项目的焦点。|1281640|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I´m working with jQuery UI with and cordova, and I have the same problem in the app, my solution for that problem is this:

<pre><code>$('.ui-autocomplete').mouseenter( function( e ){
 e.preventDefault();
 e.stopPropagation();
});
</code></pre>

This stop the focus on the selected item.

blocks|key|42807|text|此代码适用于autoFocus|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42808|$("#input").autocomplete({
++++source:+["Test+1",+"Test+2",+"Test+3",+"Test+4",+"Test+5"],
++++autoFocus:+true,
++++focus:+function(event,+ui)+{
++++++++if+(navigator.userAgent.match(/(iPod%7CiPhone%7CiPad)/)+&&+event.bubbles)+{
++++++++++++$(this).data("ui-autocomplete")._trigger("select",+"autocompleteselect",+{item:+ui.item}+);
++++++++++++$(this).autocomplete("close");
++++++++}
++++++++return+false;
++++},
++++select:+function(event,+ui)+{
++++++++$(this).val(ui.item.label);
++++}
});|code-block|syntax|javascript|42809|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This code works with autoFocus

<pre><code>$("#input").autocomplete({
 source: ["Test 1", "Test 2", "Test 3", "Test 4", "Test 5"],
 autoFocus: true,
 focus: function(event, ui) {
 if (navigator.userAgent.match(/(iPod|iPhone|iPad)/) &amp;&amp; event.bubbles) {
 $(this).data("ui-autocomplete")._trigger("select", "autocompleteselect", {item: ui.item} );
 $(this).autocomplete("close");
 }
 return false;
 },
 select: function(event, ui) {
 $(this).val(ui.item.label);
 }
});
</code></pre>

blocks|key|42830|text|$.ajax({
+url:+'/ajax/xyz.json'
})
.done(function(+data+)+{
++$('#id').autocomplete({
++++source:+data,
++++open:+function(+event,+ui+)+{
++++++++if+(navigator.userAgent.match(/(iPod%7CiPhone%7CiPad)/))+{
++++++++++$('.ui-autocomplete').off('menufocus+hover+mouseover+mouseenter');
++++++++}
++++},
++++select:+function(+event,+ui+)+{
++++++window.location.href+=+ui.item.value;
++++++return+false;
++++}
++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|42831|这对我起了作用(+drupal+8的工作也是如此)。现在，只需点击一下iOS设备就可以重定向到搜索结果页面。|unstyled|42832|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$.ajax({
 url: '/ajax/xyz.json'
})
.done(function( data ) {
 $('#id').autocomplete({
 source: data,
 open: function( event, ui ) {
 if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
 $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
 }
 },
 select: function( event, ui ) {
 window.location.href = ui.item.value;
 return false;
 }
 });
});
</code></pre>

This worked for me (works on drupal 8 as well). Now one tap on iOS devices redirect to search result page.

blocks|key|1281679|text|自动完成小部件有一些内置的事件，可以添加到代码中.吉奎瑞|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1281680|我也遇到了同样的问题，我终于想出了如何处理代码，并迫使移动设备以一次点击的方式进行响应。|1281681|对于移动设备(iOs)来说，当你点击“一次”自动完成列表时，它会触发“焦点”事件，如果你再点击一次(第二次点击)，它就会将事件读取为"select“。因此，为了迫使iOs设备在一次单击上进行选择，您必须强制它在第一次单击时进行选择。|1281682|$("#input").autocomplete({
++source:+yourSourceList,
++focus:+function(event,+ui)+{
++++$(this).val(ui.item.value);
++++$(".ui-menu").hide();+//you+can+also+console.log(ui.item.value);+for+the+selected+widget+object
++}
});|code-block|syntax|javascript|1281683|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jqueryui.com/autocomplete/#event-select^0|P|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Autocomplete widget has some built in events that you can add on to your code...
 <a href="https://api.jqueryui.com/autocomplete/#event-select" rel="nofollow noreferrer">jqueryui</a> 

I was having the same problem and finally figured out how to tweek the code and force mobile devices to respond with one click.

Basically for mobile devices (iOs) when you tap on the autocomplete list 'once', it will trigger the "focus" event, if you click once more (2nd click) it will read the event as "select". So in order to force iOs devices to select on one click you have to force it to select on the first click.

<pre><code>$("#input").autocomplete({
 source: yourSourceList,
 focus: function(event, ui) {
 $(this).val(ui.item.value);
 $(".ui-menu").hide(); //you can also console.log(ui.item.value); for the selected widget object
 }
});
</code></pre>

Using jQuery 2.1.0 and jQuery.ui 1.11.0 Tested in iOS 7. iPhone and iPad Mini. Works on android and regular browsers.

<h2>The problem</h2>

We recently upgraded from jQuery UI 1.10.0 to 1.11.0 and now, when clicking an item in an autocomplete results list, you only get a hover, you have to click the same element again to get a click event. This used to work fine with version 1.10.0.

(JSFiddle link in comments)

<h2>What does not work</h2>

using css <code>{cursor: pointer}</code> does not work

using <code>onclick=""</code> does not work

(JSFiddle link in comments)

<h2>The weird part</h2>

But here comes the fun/weird part. It works in JSFiddle edit view, but not on the JSFiddle "/show" page.

JSFiddles: (type a letter to show results "s" is a good one)

<ul>
<li><a href="http://jsfiddle.net/35rmk2p6/4/show" rel="noreferrer">Html view</a> (does not work)</li>
<li><a href="http://jsfiddle.net/35rmk2p6/4/" rel="noreferrer">Edit view</a> (works)</li>
</ul>

I've been working on this for days, but hadn't been able to reproduce it in JSFiddle before testing only the html view. So now I turn to you. I can't for the life of me figure out why the one page triggers a click event, and the other does not.

I am using the most basic function of jQuery autocomplete. In fact, using the exact same code that is presented on jQuery UI's home page.

<h2>The question</h2>

So, how do I get autocomplete to work with one click in iOS on the /show page?

(I will post additional links in comments because I don't have 10 rep yet. Unless I don't have enough rep to comment...)

Autocomplete requires you to click twice in iOS after update to 1.11.0

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

使用jQuery 2.1.0和jQuery.ui 1.11.0测试iOS 7. iPhone和iPad Mini.工作在android和常规浏览器上。问题所在我们最近从jQuery UI 1.10.0升级到1.11.0，现在，当单击自动完成结果列表中的一个项时，您只能得到一个悬停，您必须再次单击相同的元素才能得到一个单...

问自动完成要求您在更新到1.11.0后在iOS中单击两次
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动完成要求您在更新到1.11.0后在iOS中单击两次EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动完成要求您在更新到1.11.0后在iOS中单击两次
EN