【问题标题】:Datatables not working with Meteor数据表不适用于 Meteor
【发布时间】:2017-05-12 17:26:56
【问题描述】:

我正在尝试在 Meteor 应用程序中包含数据表,但收到此错误:

Uncaught TypeError: $(...).DataTable is not a function(…)

在我的client/ 文件夹中,在main.html 文件中,我有这个最少的代码:

<head>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="http://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
  <link rel="stylesheet" href="http://cdn.datatables.net/1.10.13/css/jquery.dataTables.css">
</head>
<body>
  <table id="tableId"></table>
  <script>
    $(document).ready(function () {
      $('#tableId').DataTable();
    });
  </script>
</body>

Here's a demo我的问题

PS - 当我运行 HTML 文件本身(没有 Meteor)时,我没有收到此错误。那么,Datatable 和 Meteor 之间是否有问题,或者我在这里遗漏了什么?

更新

看来加上this meteor package就可以解决问题了。

太棒了!但是等一下,这个包只添加了一个库文件,即jquery.dataTables.min.js我一直在添加的同一个文件

<script src="http://cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>

我猜,现在的问题是,这个包在注入 js 文件的同时有什么魔力?

【问题讨论】:

  • 一切对我来说看起来都不错...你能检查一下是否还有其他 jquery 文件或数据表包含...
  • @RajshekarReddy 我已经在website 上检查过了。 PS - 在没有流星的情况下运行正常(通过双击 HTML 文件)
  • 你注入DataTable正确吗?
  • @darryn.ten 我正在根据文档here 进行操作,即。添加 jQuery、datatable js 和 css,并初始化。没错吧?
  • @Anubhav Dhawan 这是一个很好的解释stackoverflow.com/a/14389842/1689286

标签: jquery meteor datatables


【解决方案1】:

这对我有用:

meteor add menway:jquery-datatables

【讨论】:

    【解决方案2】:

    您的问题是您在表定义或数据表函数中没有足够的信息。我做了一个改变,它开始工作了。

    <table id="tableId"><thead><tr><th>d</th></tr></thead><tbody></tbody><tfoot></tfoot></table>
    

    你必须给出至少一列

    【讨论】:

    • 您是否通过&lt;script&gt;&lt;link&gt; 标签或通过meteor 包添加了数据表文件?另外,您是通过流星服务器提供 HTML 的,对吗?
    • 我使用了您的代码 main.html,并进行了更改,然后它就起作用了。
    • 好的,但是您是通过流星服务器提供 html,还是只是双击 main.html 文件?因为是的,后一种情况也适用于我,但我试图在你看到的 Meteor 应用程序中做到这一点:)
    • 你有主js吗?我在你的流星资料中没有看到它
    • Meteor.startup(function() { $('#tableId').DataTable(); }); ?
    猜你喜欢
    • 2016-01-02
    • 2016-07-16
    • 2016-04-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多