我在分页

时间:2016-06-04 06:08:01

标签: jquery datatable datatables

我在数据表中有一个打开模态的按钮,当我转到dataTable的第二页时,按钮不起作用且模态没有打开。

这是我的按钮代码:

<td><a href="#modalEdit" id="editMod" class="waves-effect waves-light btn blue lighten-1 modal-trigger"><i class="fa fa-pencil" aria-hidden="true"></i></a></td>

我正在尝试委托事件但是当我点击我的按钮时它会在控制台中发送给我:未捕获的ReferenceError:clickLink未定义。

这是我的委托活动:

$('#table').on('click', '#editMod', function(){
            clickLink(this);
            return false;
        });

谢谢!

编辑:

<table id="table" class="highlight mdl-data-table" width="100%">
          <thead>
              <tr>
                  <th id="titulo">Something</th>
                  <th id="titulo">Edit</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Somethingl</td>
                  <td><a href="#modal3" id="editMod" class="waves-effect waves-light btn blue lighten-1 modal-trigger"><i class="fa fa-pencil" aria-hidden="true"></i></a></td>                 
              </tr>
           </tbody>
</table>

<div id="modal3" class="modal">
    <div class="modal-content">
  <table id="table_p">
      <thead>
          <tr>
              <th>Something</th>
              <th>Edited</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <td>aquí va el nombre del producto a editar</td>
              <td>aquí la descripción a editar</td>
          </tr>
      </tbody>
  </table>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

这是上面提到的代码

$('#table').on('click', '#editMod', function(){
        **clickLink(this);**
        return false;
    });

在此代码中有对clickLink(this)的引用。当javascript编译器编译代码时,如果此方法存在,它首先查找定义。由于此方法不存在于您获得自解释错误的任何位置 - 此方法未定义。要解决此问题 - 请在代码中定义此方法或注释此行以测试代码是否按预期工作。

希望这会有所帮助。

快乐学习:)