的JavaScript自動完成關閉與視覺錯誤

我試圖關閉我的自動完成列表中的JavaScript，如果用戶點擊其他地方，發現這個偉大的答案：Jquery Close autoComplete list 的JavaScript自動完成關閉與視覺錯誤

因爲我沒有像在「相冊更多>>暫」選項原來的問題我將它改編爲：

$(document).bind('click', function (event) { 
      $(".ui-menu-item").remove(); 
    });

但是這個代碼創建一個視覺錯誤，你可以在下面的截圖中看到：

我曾試圖改變.ui-menu-item到.ui-menu或.ui-autocomplete但打開自動完成列表中的這些改變而禁止的可能性。

如果你有一個想法，爲什麼有這個剩餘的自動完成列表，並知道如何解決它讓我知道。我認爲它來自.ui-menu-item，但我不確定，我所嘗試的是不成功的。

您右鍵單擊letfover元素並單擊inspect元素（假設爲chrome）並檢查文檔結構並查看剩餘的元素（可能是父元素），可能是您想要更改您的JS代碼以刪除該元素。另外，只要檢查你是否真的需要刪除它，或者你可以隱藏它... –

爲什麼你不試圖添加dsiplay沒有元素？ –

@ redflar3我這樣做，這就是爲什麼我說我嘗試'.ui-menu'和'.ui-autocomplete'。這些標籤是我可以從檢查員那裏看到的元素。 – user1527152

如果您需要將來使用的元素，則應該嘗試使用hide元素而不是將其移除。此外，由於更改刪除隱藏工作，所以添加此答案只是爲了記錄。

2016-03-24 14:58:26

回答