使用jquery自动完成时的透明下拉列表

Question

我尝试使用jquery-ui中的自动完成功能，但带有建议的下拉列表是透明的，因此文本会与其后面的页面混合。 这就是脚本的样子：

var createAutocomplete = function () {
        var $input = $(this);
        var options = {
            source: $input.attr("data-otf-autocomplete")
        };

        $input.autocomplete(options);
    };

$("input[data-otf-autocomplete]").each(createAutocomplete);

如果可以的话，我会张贴一张示例图片。有谁知道可能导致这个问题的原因？谢谢！

Answer 1

您需要在js脚本之前在页面中包含Jquery UI CSS文件。当您从site下载jqueryUI时，Css文件应位于您的zip文件中。

<link rel="stylesheet" href="jquery-ui.min.css">
<script src="jquery-ui.min.js"></script>