List.JS - 无法读取属性' childNodes'未定义的

时间:2015-09-11 22:17:51

标签: javascript html listjs

我似乎无法弄清楚这一点。我已经尝试过$(文件).ready但仍然没有为我工作。我还尝试专门为这两个值名称创建一个for循环,以将结果保存到var并以这种方式传递它。我还尝试将输入与class和id一起放在父div和外部的搜索中。基本上就像在导航栏中一样。使用list.js& knockout.js顺便说一句。我使用foursquares api使用ajax请求获取我的场地。

JS:

        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>

1 个答案:

答案 0 :(得分:10)

我在项目的github页面上修复了一些相同的问题,只要确保与示例相同的名称,它就可以工作,一切都必须在<div>和{{1必须有ul 列表

喜欢这个

class

链接:https://github.com/javve/list.js/issues/9