jQuery Autocomplete Plugin 1.2.3響應寬度下拉列表

Question

有人在github中使用過此自動完成插件嗎？ 當您調用自動完成功能時，您可以通過下拉框的像素傳遞width變量，即“ width：200”。

我希望下拉列表與輸入字段的大小相同。 當您知道輸入字段的寬度時，這很好用，但是當使用響應輸入字段時，該輸入字段根據您使用的設備而改變寬度，您將如何將其設置為當前輸入字段的寬度？

Answer 1

如果您正在談論此插件： https : //github.com/devbridge/jQuery-Autocomplete 。

我遇到了同樣的問題，並提出了解決方法。 我將寬度設置為固定值，如下所示：

$('#input').autocomplete({
    width: 780
});

然后，每當頁面調整大小時，我都會運行以下功能：

function page_resize(){
    $('.autocomplete-suggestions').css('width', $('#input').width());
}

Answer 2

我嘗試了許多不同的方法來解決此問題。 我認為我遇到的最好的解決方案是將寬度設置為非常小的尺寸，並且實際上可以將尺寸調整/調整為更大然后分配的寬度。

CSS示例：

.ui-autocomplete {
    max-height: 400px;
    width: 200px; /* just setting it very small it will resize to the input field*/
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 1000;
}