Каков наилучший способ инициализации listjs с помощью divs - PullRequest
Новая
       29

Каков наилучший способ инициализации listjs с помощью divs

0 голосов
/ 06 апреля 2019

Я пытаюсь создать базу данных с возможностью поиска с помощью 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);

1 Ответ

0 голосов
/ 07 апреля 2019

Согласно документам он ожидает следующие параметры: new List(id/element, options, values);, где id/element равно

id или элемент * обязательный Id элемент, в котором должна быть область спискаинициализируется.ИЛИ сам фактический элемент.

Таким образом, вы должны передать туда фактический идентификатор (так что вам нужно изменить его в своем HTML), или вы можете передать элемент с помощью 

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