jquery - 如何让“超棒的垂直时间线”使用 JSON 数据源？

Question

我在这里找到了一个基于 jQuery Isotope masonry 插件的非常漂亮的垂直时间线： https ://github.com/wnyc/Timeline

这似乎使用 Google 电子表格作为数据源。

任何人都可以帮助使这个插件使用 JSON 数据源吗？

我打算用 SQL 调用从服务器端脚本填充它。

非常感谢，安迪

Answer 1

通过阅读您链接到的 README 页面，很明显这个小部件使用 Tabletop.js 来加载数据。如果您阅读 Tabletop.js 页面README，您会发现它所做的只是将 Google 电子表格转换为 JSON 数据。这意味着 Timeline 已经可以处理 JSON 数据：

（来自github页面）

function init() {
  Tabletop.init( { key: '0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE',
               callback: function(data, tabletop) { console.log(data) },
               simpleSheet: true } )
}

会给你

[ { name: "Carrot", category: "Vegetable", healthiness: "Adequate" }, 
  { name: "Pork Shoulder", category: "Meat", healthiness: "Questionable" }, 
  { name: "Bubblegum", category: "Candy", healthiness: "Super High"} ]

是的，就这么简单。

您所要做的就是找到调用 Tabletop 函数的位置（您可以访问源代码）并将其替换为 AJAX 调用。由于您没有发布任何您尝试过的代码，因此我无法为您提供更多帮助。