javascript - 无法使用 sorttable.js 对 html 表进行排序

标签 javascript html pug sorttable.js

我在尝试对动态创建的 html 表进行排序时遇到问题。我用 Jade /哈巴狗创建它。我正在尝试使用此处找到的 sorttable.js 脚本 http://www.kryogenix.org/code/browser/sorttable/ 。我对 html/javascript 还比较陌生。因此,如果有一些明显的原因导致它不起作用,有人可以指出吗?

这是从模板生成的一些 html 代码

<html>
  <head>
   <script src="/path/to/sorttable.js"></script>
   <style>
    th.clickable:hover
    {
     color:green
    }    
    th, td
    {
     padding:5px;
    }
    th.clickable
    {
     cursor: pointer;    
    }
  </style>
 </head>
 <body>
 <script>
  var newTableObject = document.getElementById(tbl)
  sorttable.makeSortable(newTableObject)
 </script>
 <table class="sortable" id="tbl">
  <tr>
   <th class="clickable">id</th>
   <th class="clickable">value</th>
  </tr>
  <tr>
  <td>100</td>
  <td>100</td>
 </tr>
  <tr>
  <td>200</td>
  <td>200</td>
 </tr> 
</table>
</body>
</html>   

目标是拥有它,以便当我单击标题时,它会按该列对表格进行排序。

最佳答案

如果这是已知的,请原谅……但是 每当浏览器遇到脚本标记时,它就会被读取并执行。您是否尝试过将脚本标签放在表格后面?

关于javascript - 无法使用 sorttable.js 对 html 表进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38597964/

相关文章:

javascript - Play 事件将在 videojs 中无限循环

javascript - HTML SaveXLSX 按钮 防止将数据从 SlickGrid 保存到 XLSX 文件中

变量中的 Javascript 单选按钮值

html - 如何在右侧显示来自 Sprite 的外部链接图标

Android如何删除html字符串中的特定数据?

javascript - 使用括号表示法添加到关联数组时,ng-repeat 不会更新

jquery - Jade按钮和jQuery点击事件

javascript - jstree : Uncaught TypeError: Cannot read property 'children' of undefined

javascript - 我怎样才能在Javascript中执行这个正则表达式?

javascript - Meteor 上出现错误的同步问题