2013-04-26 92 views
1

我使用jquery ui自動完成搜索與輸入。jQuery的自動完成ipad隱藏鍵盤焦點

當我點擊iPad上的輸入時,鍵盤顯示正確。

然後我輸入一些單詞,然後出現一些搜索結果。有時,我看不到ipad上的所有結果。所以我需要隱藏鍵盤。 但是,當我隱藏鍵盤時,顯示結果的自動完成菜單消失。

這是因爲我放鬆了對輸入的關注。

我該如何保持專注或用ipad等觸摸設備指向當前輸入?

我發現這一點,但我不知道如何實現它:http://forum.jquery.com/topic/autocomplete-menu-disappears-on-ipad

對不起,我的英語,我是法國人。

回答

2

其實你只需要行補充:

if ((/iPhone|iPod|iPad/).test(navigator.userAgent)) {return;} 

.bind("blur.autocomplete", function(event) { 

功能的開始。

你可以在你的jquery ui文件夾的autocomplete.js(或類似的名字)中找到它。

我給它一個鏡頭:去jquery.ui.autocomplete.js並改變這一點:

blur: function(event) { 
      if (this.cancelBlur) { 
       delete this.cancelBlur; 
       return; 
      } 

      clearTimeout(this.searching); 
      this.close(event); 
      this._change(event); 
     } 

這樣:

blur: function(event) { 
if ((/iPhone|iPod|iPad/).test(navigator.userAgent)) {return;} 

      if (this.cancelBlur) { 
       delete this.cancelBlur; 
       return; 
      } 

      clearTimeout(this.searching); 
      this.close(event); 
      this._change(event); 
     } 

不能在這裏測試,但我認爲這應該修復它

+0

謝謝你的答案。但在js文件中沒有任何blur.autocomplete ... – freaky 2013-04-26 23:17:26

+0

編輯我的帖子並添加了另一種方法。我希望這個會更有幫助。 – 2013-04-27 00:21:29

+0

謝謝你的答案。它可以工作,但它會在自動完成菜單上中斷點擊並選擇事件。現在在觸控設備上,我無法選擇任何結果... – freaky 2013-04-27 11:15:15