jQuery UI自動完成寬度問題

請看這裏http://jsfiddle。[net]/Nkkzg/108 /（SO不允許喜歡JsFiddle）並在自動完成文本框中寫入'Apple'。你可以看到一個長的字符串出現，並且該頁面的水平滾動條也出現，這是非常煩人的。我想顯示完整的字符串作爲結果沒有設置寬度，你可以看到自動完成的結果div顯示從左角到右角取決於字符串長度。我們如何在頁面中心像輸入文本框一樣顯示結果，以便不出現水平滾動條。jQuery UI自動完成寬度問題

任何幫助將非常可觀。

感謝和問候。

來源

2013-07-07 Arbaz Abid

當您添加jsFiddle鏈接時，您必須提供格式化的示例代碼。 – rusln

你應該嘗試使用position:absolute

.ui-autocomplete { 
    max-height: 200px; 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    border:1px solid #222; 
    position:absolute; 
    }

Live Demo

來源

2013-07-08 00:01:56 sinanakyazici

@sinankyazici：非常感謝..其工作翅膀 –

不客氣。 – sinanakyazici

根據這篇文章：

jQuery UI Autocomplete Width Not Set Correctly

看起來好像你需要把一切都在一個容器中，並指定appendTo屬性告訴它在哪裏放置菜單。

來源

2013-07-07 23:42:53 jrthib

你可以嘗試把這個在您的.css文件

span input.ui-autocomplete-input { 
    width: 100%; 
}

以這種方式自動完成GET是你必須寬度根據封閉跨度標籤上的styleClass設置它的樣式

來源

2014-10-07 12:46:23

jQuery UI自動完成寬度問題

回答

相關問題