Question

使用Materialize.css自动完成：我希望在聚焦文本框时打开列表，即使不输入任何字符。我试着设置{minLength：0}：

$('#dataset_input').autocomplete({data: res, limit : 20, minLength: 0})

但似乎无法正常工作。

我怀疑的原因是检查val（来自github）：

if (data.hasOwnProperty(key) &&
                      key.toLowerCase().indexOf(val) !== -1 &&
                      key.toLowerCase() !== val) {
                    // Break if past limit
                    if (count >= options.limit) {
                      break;
                    }

并且在这种情况下的val是长度0。还有另外一种方法吗？

Answer 1

您的代码似乎可以与materializecss的v0.98.2版本一起使用。

我刚刚从materializecss网站上取样并添加了您的代码（包含自动填充的示例数据）。

这就是我所做的并且有效：

<div>
    <div class="row">
        <div class="col s12">
            <div class="row">
                <div class="input-field col s12">
                    <i class="material-icons prefix">textsms</i>
                    <input type="text" id="autocomplete-input" class="autocomplete">
                    <label for="autocomplete-input">Autocomplete</label>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $( document ).ready(function() {
        $('#autocomplete-input').autocomplete({data: {"Apple": null,"Microsoft": null,"Google": 'https://placehold.it/250x250'}, limit : 20, minLength: 0})
    });
</script>

Materialize.css自动完成 - 如何使用minLength = 0打开列表

1 个答案: