2010-10-07 29 views
0

我正在使用jquery自動完成插件(http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/),它是罰款在Firefox中,但我有鉻問題。出現的選項列表比可以一次顯示的長,因此側面有一個滾動條。一旦用滾動條滾動列表,當您在列表外部點擊時,列表不再關閉。jQuery的自動完成插件 - 選項列表將不會關閉後,它已滾動 - 僅Chrome瀏覽器

我被這個難住 - 誰能告訴我我該如何修復它甚至診斷它爲什麼不關閉?

歡呼,最大

編輯 - 同樣的問題可以在此頁面上自動完成的演示中可以看出: http://jquery.bassistance.de/autocomplete/demo/

這兩種情況都與Chrome瀏覽器(在Linux 6.0.472.62測試版,但是也在窗口中看到)。

案例1 - 正常工作: 在第一個輸入中鍵入'a'。看到列表出現。將鼠標移動到'Adelphi'。將鼠標移出列表 - 「Adelphi」仍應突出顯示。點擊頁面的空白部分 - 列表將消失。

案例1 - 損壞: 在第一個輸入中鍵入'a'。看到列表出現。滾動列表直到「阿姆斯特丹」可見。將鼠標移動到「阿姆斯特丹」,使其突出顯示(但不要點擊它)。將鼠標移出列表 - 「阿姆斯特丹」仍應突出顯示。點擊頁面的空白部分 - 列表將不是消失。這是我遇到的問題。

+0

您可以發佈您的代碼? – amurra 2010-10-07 15:36:04

+0

Mac 6.0.472.63上沒有這種東西。很奇怪。 – 2010-10-07 16:44:57

回答

0

首先,即使我使用Chrome css編輯器將輸入大小設置爲50pxplugin's demo也可以正常工作。沒有水平滾動。
不過,如果我必須找到解決方法,我會看到所有選項。通過CSS http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions

  • 設置列表屬性:

    1. 截斷結果使用JavaScript在formatItem處理類似body > .ac_results > ul > li {overflow: hidden}
  • +0

    感謝您提及演示 - 我可以看到相同的問題,這是更容易公開討論。我編輯了我的原始帖子,並重現了一些步驟。 – 2010-10-07 16:20:04