【问题标题】:jQuery sparklines iterate over divjQuery 迷你图遍历 div
【发布时间】:2012-06-22 21:05:48
【问题描述】:

我有一个 div 数组,我想遍历每个 div 并将其传递给迷你图。像这样:

var divs = $("#wrapper>div");
var data = ["1:2:3:4", "4:3:2:3:1"];
var i;

for(i = 0; i<data.length; i++){
   divs[i].sparkline(data[i]);
}

我收到错误“divs[i].sparkline”不是函数。但是如果我这样做

divs.sparkline([1,2,3,4]);

所有的 div 都可以得到线图,但数据相同。

除了在迭代 div 时如何使用迷你图之外,有人有什么建议吗?

谢谢!

【问题讨论】:

  • 究竟什么是迷你图?
  • sparkline 是一个内联图查询库(omnipotent.net/jquery.sparkline/#s-about)
  • 确保您已包含该文件。在我看来,您的文件中没有包含该脚本。
  • sparkline.js?是的。因为第二个代码 sn-p 按预期工作。
  • 而 divs[i] 是一个对象(又名 div)?不应该先给div加个div,然后在上面调用sparkline吗?

标签: jquery javascript sparklines


【解决方案1】:

尝试将divs[i] 更改为$(divs[i])

for(i = 0; i<data.length; i++){
   $(divs[i]).sparkline(data[i]);
}

sparkline 适用于 jQuery 对象,divs[i] 将是 dom 节点。所以试着把它包裹在$(..)中。

【讨论】:

  • 这就是我喜欢 stackoverflow 的原因。谢谢你维加!
猜你喜欢
  • 1970-01-01
  • 2012-07-22
  • 1970-01-01
  • 2013-06-23
  • 1970-01-01
  • 2012-06-06
  • 2011-06-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多