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

1 回答 1

0

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

<script src="http://www.listjs.com/assets/javascripts/list.min.js"></script>
于 2017-05-02T02:55:50.253 回答