问使用div初始化listjs的最佳方式是什么
EN

Stack Overflow用户

提问于 2019-04-07 02:44:26

回答 1查看 100关注 0票数 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);

javascript

listjs

回答 1

Stack Overflow用户

发布于 2019-04-07 15:08:26

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

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

因此，您应该向那里传递一个实际的id (因此您需要在html中更改它)，或者，您可以向那里传递一个元素，其中包含

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55552338

复制

相似问题

问使用div初始化listjs的最佳方式是什么
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用div初始化listjs的最佳方式是什么EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用div初始化listjs的最佳方式是什么
EN