List.JS -无法读取未定义的属性“childNodes”
我似乎搞不懂这件事。我已经尝试过$(document).ready，但仍然不适合我。我还尝试为这两个值名专门创建一个for循环，以便将结果保存到var并以这种方式传递。我还尝试将输入与类和id放在父div内部和外部进行搜索。从本质上说就像在导航栏里一样。使用list.js和knockout.js。我使用ajax请求获取我的场地，使用foursquares。
联署材料：
var options = {
valueNames: ['name', 'category']
};
var userList = new List('search', options);HTML：
<body>
<nav>
<h1 class="formattedH1">Downtown SA,TX</h1>
<span>
<input type="search" placeholder="Search" class="search" id="search">
<input type="button" class="sort searchButton" value="List"></input>
</span>
</nav>
<div id="map" class="map"></div>
<div class="list">
<input type="search" placeholder="Search" class="search" id="search">
<h1>My Top 5</h1>
<!-- Square card -->
<div class="card" id="favViewModel" data-bind="foreach: favList">
<div class="expand">
<h2 class="venueName" data-bind="text:name"></h2>
</div>
<div class="cardSupport" data-bind="attr: {src: image()}">
</div>
<div class="cardSupport" data-bind="text:address">
</div>
<a data-bind="attr: {href: website()}">Website</a>
</div>
<h1>Foursquare Recommended</h1>
<div class="card" id="recViewModel" data-bind="foreach: recommendedSpotList ">
<div class="expand">
<h2 class="venueName" data-bind="text:name"></h2>
</div>
<div class="cardSupport" data-bind="text:location">
</div>
<div class="cardSupport" data-bind="text:category">
</div>
<div class="cardSupport" data-bind="text:rating">
</div>
</div>
<script src="js/tester123.js"></script>
回答 3
Stack Overflow用户
发布于 2015-09-20 17:41:54
我发现我的答案浏览其他类似的项目，所以现在很简单。我想这能帮上忙万一他们碰到了这个。因为我正在进行ajax调用，所以必须将对ko.applybindings的调用放在ajax请求中。绑定超出了范围，如果您认为它是有意义的，特别是当您的请求失败时。为什么仍然试图绑定请求的值。如上所示，对于JS请求，请参见下面的内容：
联署材料：
$.ajax({
url: 'https://api.foursquare.com/v2/venues/explore',
dataType: 'json',
data: 'data',
async: true,
success: function(data) {
venues = data['response']['groups'][0]['items'];
//This is where I had to place the binding to get it to render properly.
ko.applyBindings(new recommendedViewModel(), document.getElementById('recViewModel'));
},
error: function() {
alert("An error occurred.");
}
});Stack Overflow用户
发布于 2017-07-05 22:04:48
我修正了项目的github页面上的一些注释的相同问题，只要确保有与示例相同的名称就行了，所有东西都必须在<div>中，ul必须有class list
像这样
<div id="hacker-list">
<ul class="list"></ul>
</div>Stack Overflow用户
发布于 2022-07-02 15:20:02
"Hello“这个错误的示例。
在哪里？
https://listjs.com/api/#listClass
listClass字符串，默认值："list“列表容器的类是什么。
案例1(缺少list类)：
/* error example */
var options = {
valueNames: [ 'name', 'born' ],
};
var userList = new List('users', options);<!-- error example -->
<div id="users">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort by name
</button>
<ul data-missing-list-class class="">
<li>
<h3 class="name">John</h3>
<p class="born">1986</p>
</li>
</ul>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
案例二(自定义listClass丢失)：
我宣布listClass为no_such_class。试图读取未定义的childNodes的代码。
/* error example */
var options = {
valueNames: [ 'name', 'born' ],
listClass: "no_such_class" /* the error */
};
var userList = new List('users', options);<!-- error example -->
<div id="users">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort by name
</button>
<ul class="list">
<li>
<h3 class="name">No such class</h3>
<p class="born">1986</p>
</li>
</ul>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
**错误将不会抛出堆栈溢出代码段
额外的
记住不要混淆：
id或元素
Id应该初始化列表区域的元素。或者实际元素本身。
new List(id/element, options, values);
VS：listClass列表容器的类是什么？
https://stackoverflow.com/questions/32532912
复制相似问题
腾讯云开发者
