ListJS输入一个值并删除元素

时间:2015-08-05 13:21:38

标签: javascript list listjs

我有一个我在这里复制的设置:

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

1 个答案:

答案 0 :(得分:0)

答案与此处相同:Why are some rows disappearing when I sort or filter listjs table

(参考brymcbride的回答)

问题是我在AJAX调用之前在listjs中创建了列表。当我在调用完成后立即编写代码时,一切都完美无缺!

相关问题