jquery 不会触发 - 在脚本上引发警报以调用插件答案

【问题标题】：jquery won't fire - alert raised on script to call pluginjquery 不会触发 - 在脚本上引发警报以调用插件
【发布时间】：2015-07-30 05:51:23
【问题描述】：

我有我正在尝试运行的 jquery 脚本。

就是将html表格中的数据下载到excel文件中。

http://www.jqueryscript.net/table/Export-Html-Table-To-Excel-Spreadsheet-using-jQuery-table2excel.html

当我尝试运行该按钮时，它会在此调用脚本中显示错误说明：

<script>
$(".dataTable_wrapper button").click(function(){
  $("#table2excel").table2excel({
    // exclude CSS class
    exclude: ".noExl",
    name: "Excel Document Name"
  }); 
});
</script>

错误发生在第 2 行： “未捕获的类型错误：$(....) table2excel 不是函数”

【问题讨论】：

您的页面中是否包含jquery.table2excel.js 文件？

标签： javascript jquery excel

【解决方案1】：

毕竟这很简单。我的脚本是：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="src/jquery.table2excel.js"></script>

当我将位置更改为实际 URL 时：

<script src="myawesomesite.co.uk/wp-content/classes/assets/js/jquery.table2excel.js"></script>

感谢您的支持！

【讨论】：

【解决方案2】：

您可能以错误的顺序导入库。在导入任何 jquery 插件之前尝试导入 jquery。

【讨论】：

【解决方案3】：

您是否正确链接了 js 插件？在执行代码之前？尝试像这样包装函数：

<script>
$(function(){
    $(".dataTable_wrapper button").click(function(){
      $("#table2excel").table2excel({
        // exclude CSS class
        exclude: ".noExl",
        name: "Excel Document Name"
      }); 
    });
});
</script>

【讨论】：

视情况而定，如果他在代码下方链接插件，那将是一个问题
为什么会有问题？ $("#table2excel").table2excel 在 click 事件处理程序中，那么在加载页面之前点击元素的机会是多少？
嗯，机会在 0 以上，对吧？ ;) 但是，是的，这可能是 Phiroze 所说的，以错误的顺序导入它们。