layui数据表格监听按钮问题

layui官网文档源码
 
原始容器
<table id="demo" lay-filter="test"></table>
 
工具栏模板：
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
    <button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>
    <button class="layui-btn layui-btn-sm" lay-event="update">编辑</button>
  </div>
</script>
 
<script;>
//JS 调用：
table.render({
  elem: '#demo'
  ,toolbar: '#toolbarDemo'
  //,…… //其他参数
});
 
//监听事件
table.on('toolbar(test)', function(obj){
  var checkStatus = table.checkStatus(obj.config.id);
  switch(obj.event){
    case 'add':
      layer.msg('添加');
    break;
    case 'delete':
      layer.msg('删除');
    break;
    case 'update':
      layer.msg('编辑');
    break;
  };
});
</script>
 
今天遇到的问题：需要监听头工具条，

table.on('toolbar(test)', function(obj){ 使用这个，监听头工具条方法，自己这里写成demo了，把js中的这个 elem: '#demo'  给监听上了，所以，刷新页面不报错，点击也没有反应。无从下手的，不知道怎么检查。
具体原因都没有提示，所以，对于前段比较菜的me,真的是灾难啊。同时帮助找到，这里需要监听的是这个table,是想要知道table的操作，监听了才会获取值。
 
ps:layui  头工具条监听，需要监听的是table的lay-filter="test"

<table id="demo" lay-filter="test"></table>

table.on('toolbar(test)', function(obj){
  var checkStatus = table.checkStatus(obj.config.id);
  switch(obj.event){}
})