Question

<div class="row">
    <div class="pagination-centered text-center">
        <input type="text" name="search" placeholder="Search.." id="searchBox">
    </div>
</div>

<div class="row">
    <div class="pagination-centered text-center">
        <p id="result"></p>
    </div>

var uniq = availableTags.reduce(function(a,b){
    if (a.indexOf(b) < 0 ) a.push(b);
        return a;
},[]);

$(function() {  
    $("#searchBox").autocomplete({
        source: uniq
    });
});

这是我与jQuery UI Autocomplete关联的HTML和JS。自动填充本身工作正常。它正确地提取所有数据，在搜索框中填充等等。但是，它还会在搜索框之外的页面下方显示所选值，该区域在我的HTML中没有指定任何内容。我不知道如何摆脱它。

Answer 1

这是一个适用于残障人士的辅助功能，但看起来它有一些错误。每次你悬停时，这个带有（ ui-helper-hidden-accessible ）类的div都会更新光标或在文本框中键入时。因为它仅供有视力障碍的用户使用，只能通过一些辅助技术（如读者或其他东西）通过CSS隐藏它将是最好的选择

.ui-helper-hidden-accessible { display:none; }

jQuery UI自动完成 - 在页面上进一步返回选择。不确定如何将其删除

1 个答案: