Question

我正在尝试使用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);

Answer 1

根据docs，它需要以下参数：new List(id/element, options, values);其中id/element是

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

因此，您应该在此处传递一个实际的ID（因此您需要在html中进行更改），或者，您可以在此处使用

传递一个元素

new List(document.querySelector('.hof-list'), options)

用div初始化listjs的最佳方法是什么

1 个答案: