问list.js中的可排序列表似乎不起作用
EN

Stack Overflow用户

提问于 2017-04-27 02:17:56

回答 1查看 175关注 0票数 0

我从http://listjs.com/examples/table/中复制了一个可排序的表的示例，但它不起作用。有人能告诉我我哪里做错了吗？

我的<head>中有这些链接

<link rel="stylesheet" href="/includes/material-design-lite/material.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

html：

<div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>
  <table>
    <!-- IMPORTANT, class="list" have to be at tbody -->
    <tbody class="list">
      <tr>
        <td class="name">Jonny Stromberg</td>
        <td class="born">1986</td>
      </tr>
      <tr>
        <td class="name">Jonas Arnklint</td>
        <td class="born">1985</td>
      </tr>
      <tr>
        <td class="name">Martina Elm</td>
        <td class="born">1986</td>
      </tr>
      <tr>
        <td class="name">Gustaf Lindqvist</td>
        <td class="born">1983</td>
      </tr>
    </tbody>
  </table>

</div>
<script src="//listjs.com/assets/javascripts/list.min.js"></script>

    <script src="/includes/material-design-lite/material.min.js"></script>

js：

<script type="javascript">
    var options = {
      valueNames: [ 'name', 'born' ]
    };

    var userList = new List('users', options);
    </script>

listjs

回答 1

Stack Overflow用户

发布于 2017-05-02 10:55:50

链接list.js时使用绝对URL：

<script src="http://www.listjs.com/assets/javascripts/list.min.js"></script>

票数 0

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

原文链接：

https://stackoverflow.com/questions/43641710

复制

相似问题

问list.js中的可排序列表似乎不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问list.js中的可排序列表似乎不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问list.js中的可排序列表似乎不起作用
EN