Как сделать предпочтение элементам списка после поиска с помощью list.js - PullRequest
Новая
       22

Как сделать предпочтение элементам списка после поиска с помощью list.js

0 голосов
/ 05 июля 2019

У меня есть несколько элементов списка, основанных на примере с сайта listjs. Поиск и сортировка работают нормально, но я хочу показать все элементы списка с классом «premium» перед другими элементами списка. В моем примере Джонни из Стокгольма должен быть первым, а Джонни из Индианы должен быть вторым пунктом в моем списке после поиска «Джонни».

Возможно ли это, и если да, можете ли вы помочь мне запустить его? 

<div id="hacker-list">
   <input class="search" />
      <button class="sort" data-sort="name">Name</button>
      <button class="sort" data-sort="city">City</button>
    <ul class="list">
      <li class="premium">
        <h3 class="name">Jonny</h3>
        <p class="city">Stockholm</p>
      </li>
      <li>
        <h3 class="name">Jonas</h3>
        <p class="city">Berlin</p>
      </li>
      <li>
        <h3 class="name">Jonny</h3>
        <p class="city">Indiana</p>
      </li>
    </ul>
  </div>
</div>

<script>
  var options = {
      valueNames: [ 'name', 'city' ],
      sortClass: 'sort',
  };
  var hackerList = new List('hacker-list', options);
</script>

Итак, я пытаюсь достичь того, что если в моем элементе списка есть премиум-класс, он должен отображаться перед «обычными» элементами списка.

...