0

我正在尝试使用 list.js 创建一个可搜索的数据库，但搜索功能不起作用。我不确定我是否正确初始化它或我做错了什么。我敢肯定这是显而易见的，但我会喜欢另一双眼睛。

这是我的 HTML

<body>  

<div class="hof-list">

<input class="search" placeholder="Search for a member..."/><br>

    <div class="list">

        <div class="objects">
            <div class="name">Lucille Ball</div>
            <div class="year">2018</div>
        </div>

        <div class="objects">
            <div class="name">Jeremy Jacobs</div>
            <div class="year">2018</div>
        </div>

        <div class="objects">
            <div class="name">Russell Salvatore</div>
            <div class="year">2018</div>
        </div>

        <div class="objects">
            <div class="name">John Albright</div>
            <div class="year">2017</div>
        </div>

        <div class="objects">
            <div class="name">Lousie Bethune</div>
            <div class="year">2017</div>
        </div>

        <div class="objects">
            <div class="name">Glenn Curtis</div>
            <div class="year">2017</div>
        </div>

        <div class="objects">
            <div class="name">John Oishei</div>
            <div class="year">2018</div>
        </div>          

        <div class="objects">
            <div class="name">Mary Burnett Talbert</div>
            <div class="year">2017</div>            
      </div>
    </div>
    </div>

</body>

这是我的脚本

var options = {
  valueNames: ['name', 'year']
};

var hoflist = new List('hof-list', options);
4

1 回答 1

0

根据文档new List(id/element, options, values);，id/element它需要以下参数：

id 或 element *required 应在其中初始化列表区域的元素的 ID。或实际元素本身。

所以你应该传递一个实际的id（所以你需要在你的html中更改它），或者，你可以传递一个元素

new List(document.querySelector('.hof-list'), options)
于 2019-04-07T07:08:25.540 回答