Question

首先，我通过html onclick元素导出csv文件！它正在工作。当我因为某些原因将其更改为jquery click事件时！它是不是可以导出csv文件？为什么，我认为调用相同的函数！

Export.Export（）用于我的csv文件下载功能。

此代码可以下载csv文件

<a href="" class="button" onclick="Export.Export.apply(this, [$('table.listtbl'), 'Table.csv']);">Export</a>

这不起作用

<a href="" class="export">Export</a>
<script>
  $('.export').click(function(e){
     e.preventDefault();
     alert("click");//click
     Export.Export.apply($(this), [$('table.listtbl'), 'Table.csv']);
     });
</script>

Answer 1

在加载所有脚本之前，可能绑定了click事件。

尝试：

$( document ).ready(function() {
    $('.export').click(function(e){
        Export.Export.apply($(this), [$('table.listtbl'), 'Table.csv']);
    });
});

Answer 2

尝试使用<a href="#" class="button" onclick="Export.Export.apply(this, [$('table.listtbl'), 'Table.csv']);">Export</a>，希望它应该有用。确保在加载标记后加载脚本。

如果href为空，则在调用click事件之前将重新加载当前页面，因此在下载文件之前将刷新页面。

Answer 3

我永远不会与$(element).click(function(){});一起使用锚标记。怎么样使用

<button onclick="exportcsv(this);">Export</button>
<script>
  function exportcsv(e){
    var $e = $(e);
    Export.Export.apply($e, [$('table.listtbl'), 'Table.csv']);
  }
</script>

Jquery点击事件功能是不是可以下载csv文件？

3 个答案: