jquery 为什么pivottable.js在Meteor项目中不起作用?

y1aodyip  于 2023-04-05  发布在  jQuery
关注(0)|答案(1)|浏览(115)

pivottable.js工作起来很有魅力,但不是在最基本的meteor项目中。

<body>
  <div id="output"></div>
</body>

js(定义了attendance var,在非meteor项目中一切正常):

$('#output').pivot(attendance,
  {
    rows: ["group", "trainer", "client"],
    cols: ["came"]
  }
);

在Meteor项目中,pivot.js被放置在client/compatibility文件夹中,并且加载顺序正确:jquery〉pivot.js〉我的js代码。获取错误:

pivot.js:949

Uncaught TypeError: Cannot read property 'hasChildNodes' of undefined
$.fn.pivot @ pivot.js:949
(anonymous function) @ sandbox.js:20
(anonymous function) @ sandbox.js?64df4e0c48aa567cada8bd4c28bd682ed2d9ab36:41
332nm8kg

332nm8kg1#

Meteor模板的工作方式有点不同。当它运行时,DOM尚未呈现。为了实现这一点,您必须在模板呈现回调中加载依赖于模板内部DOM的任何外部库。在这种情况下:

Template.body.rendered = function() {
$('#output').pivot(attendance,
  {
    rows: ["group", "trainer", "client"],
    cols: ["came"]
  }
);
}

相关问题