ListJS输入a值并删除元素

Question

我在这里复制了一个设置：

http://codepen.io/anon/pen/EjrPbV

<div id="fac_content">
  <input class="search" placeholder="Search">
  <ul class = "list" id="fac_list" style="display: block;">
    <li>
      <p class="fac_name">CheckOneTwo</p>
    </li>
    <p></p>
    <li>
      <p class="fac_name">FiveThreeOne</p>
    </li>
    <p></p>
  </ul>
</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"></script>
<script>
    var options = {
      valueNames: [ 'fac_name']
    };

    var userList = new List('fac_content', options);
</script>

问题是，当我在我的网站上实现它时，当我进入搜索字段时，<ul></ul>中的所有内容都会被删除，无论我输入的是什么字符。我意识到在我的代码中一定有其他东西导致了这一点，问题是，是什么导致代码被删除？请注意，列表元素是在我的网站启动时使用AJAX和innerHTML属性生成的。

注意，对我来说，我得到了一个错误：

Uncaught TypeError: Cannot read property 'values' of undefined

Answer 1

与这里的答案相同：Why are some rows disappearing when I sort or filter listjs table

(引用brymcbride的答案)

问题是我是在AJAX调用之前在listjs中创建列表的。当我在调用之后放入代码时，一切都完美地完成了！