List.js示例不工作

我想複製List.js頁面上的示例，以創建一個新列表。我複製並粘貼示例上的代碼，但是在.js庫文件中出現錯誤。List.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

任何幫助將大大讚賞。

來源

2017-04-15 tsuo euoy

這裏'list.min.js'和'list.js'是兩個不同的腳本或相同，bcoz你得到的問題是'list.js'，如果兩者相同刪除'list.js'。它工作正常。 –

@shivamGupta哎呀，我的壞。然而，我刪除了list.js，我仍然得到一個錯誤：'list.min.js：2 Uncaught TypeError：無法讀取在Object.values（list.min.js：2）未定義的屬性'set'在f （list.min.js：2） at new （list.min.js：2） at o.add（list.min.js：2） at script.js：21' –

'at script.js ：21'什麼是'script.js'？如果'script.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 
 
});

<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>

來源

2017-04-15 22:52:39

List.js示例不工作

回答

相關問題