文章/答案/技术大牛

发布

社区首页 >问答首页 >List.js示例不起作用

问List.js示例不起作用
EN

Stack Overflow用户

提问于 2017-04-16 05:50:16

回答 1查看 1.7K关注 0票数 0

我正在尝试复制List.js页面上的示例，以创建一个新列表。我复制并粘贴了示例中的代码，但在.js库文件中遇到错误。

代码如下：

HTML：

<!DOCTYPE html>
<html>
<head>
<script src="http://listjs.com/assets/javascripts/list.min.js"></script>
<meta charset=utf-8 />
<title>Existing list</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="script.js"></script>

</head>
<body>
  <div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>

  <ul class="list"></ul>

</div>
</body>
</html>

JS：

var options = {
  valueNames: [ 'name', 'born' ],
  item: '<li><h3 class="name"></h3><p class="born"></p></li>'
};

var values = [{
    name: 'Jonny Strömberg',
    born: 1986
  },
  {
    name: 'Jonas Arnklint',
    born: 1985
  },
  {
    name: 'Martina Elm',
    born: 1986
}];

var userList = new List('users', options, values);

userList.add({
  name: "Gustaf Lindqvist",
  born: 1983
});

下面是我得到的错误：

list.min.js:2 Uncaught TypeError: Cannot read property 'set' of undefined
    at Object.values (list.min.js:2)
    at f (list.min.js:2)
    at new <anonymous> (list.min.js:2)
    at o.add (list.min.js:2)
    at script.js:21

任何帮助都将不胜感激。

html

list

list.js

javascript

回答 1

Stack Overflow用户

发布于 2017-04-16 06:52:40

var options = {
  valueNames: [ 'name', 'born' ],
  item: '<li><h3 class="name"></h3><p class="born"></p></li>'
};

var values = [{
    name: 'Jonny Strömberg',
    born: 1986
  },
  {
    name: 'Jonas Arnklint',
    born: 1985
  },
  {
    name: 'Martina Elm',
    born: 1986
}];

var userList = new List('users', options, values);

userList.add({
  name: "Gustaf Lindqvist",
  born: 1983
});

<script src="http://listjs.com/assets/javascripts/list.min.js"></script>
<div id="users">
      <input class="search" placeholder="Search" />
      <button class="sort" data-sort="name">Sort by name</button>

      <ul class="list"></ul>

  </div>

票数 0

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

原文链接：

https://stackoverflow.com/questions/43431617

复制

相似问题

问List.js示例不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问List.js示例不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问List.js示例不起作用
EN