javascript - 多次触发 Jquery 事件

Question

我有一个 jquery 数据表，当用户单击加载按钮时，它由来自数据库的 ajax 调用填充。数据根据用户在日期选择器中提供的日期填充。我还有一个导出按钮，用于将加载的数据表导出到 excel。导出可以很好地处理页面加载附带的数据表。但是，当再次填充数据表时，会下载多个文件。

这是html

$(document).ready(function() {

  //export to excel Districts Remittance list
  $('#btnExcelDistrictsRemittance').click(function() {
    $('<table>').append($("#remittanceDistrict").DataTable().$('tr').clone()).table2excel({
      exclude: ".noXls",
      name: "Districts Remittance",
      filename: 'Districts Remittance-' + date //do not include extension
   
  });
}


})

<script src="js/dataTables/jquery.table2excel.min.js"></script>
<div id="month-group" class="input-group">
  <i class="fa fa-calendar">&nbsp</i>
  <asp:TextBox ID="selecttMonth" ClientIDMode="Static" runat="server"></asp:TextBox><i class="fa fa-refresh" id="btnGo"></i>
</div>
<button type="button" id="btnExcelDistrictsRemittance" class="export-to-excel" title="Export to Excel"><i class="fa fa-files-o fa-2x"></i></button>
<table id="remittanceDistrict" class="table  table-bordered table-hover table-responsive table-striped" style="margin-top: 10px">
  <thead class="arrear-table">
    <tr>
      <th>#</th>
      <th>District</th>
      <th>Amount</th>
    </tr>
  </thead>
</table>

为了导出，我使用的是 table2excel.js 插件。注意:- 我发现 $('#btnExcelDistrictsRemittance').click() 多次触发。任何帮助表示赞赏。如果问题太宽泛，请原谅，我是社区的新手

Answer 1

如前所述，问题出在 $'(#btnExcelDistrictsRemittance').click() 多次触发。

我通过 unbinding 元素中的所有 events 自己解决了这个问题。更新代码如下:

$('#btnExcelDistrictsRemittance').unbind().click() {
    // whatever
}

更新

在较新版本的 jquery 中，您可以使用 off() 方法

$'(#btnExcelDistrictsRemittance').Off().click() {
        // whatever
    }