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

すべてのヘルプは非常になります感謝。両者が同じであれば、あなたが取得している問題は、list.js` `であるbcoz

出典

2017-04-15 tsuo euoy

ここで' list.min.js'と 'list.js'は、二つの異なるスクリプトまたは同じです'list.js'を削除してください。それは正常に動作しています。 –

@shivamGuptaおっと、私の悪いです。しかし、私はlist.jsを削除しましたが、まだエラーが出ます： 'list.min.js：2 Uncaught TypeError：未定義のプロパティ 'set'を読み取ることができません Object.values（list.min.js：2） f （list.min.js：2）at script.js：21' –

at 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の例が正常に動作しない

答えて

関連する問題