json - 动画 JSON 数据？

Question

愚蠢的提问时间。我试图使用 Mustache 模板系统将我的 JSON 数据与翻书插件集成。不用说，这根本行不通。

我是一个 jQuery noobie，所以有什么简单的方法可以将 JSON 数据绑定到/使用插件（带有或不带有 Mustache 标签）并为其设置动画？

Answer 1

从你的问题很难推断出你想要什么，但我觉得你已经把所有的部分都放在一起了。首先是您在评论中链接到的示例： https ://github.com/blasten/turn.js/wiki/Making-pages-dynamically-with-Ajax

这会通过 Ajax 获取尚未加载的页面，并且示例代码假定 Ajax 调用从服务器获取 HTML，如代码片段中所示（在添加缺少的“}”之后：

$.ajax({url: "app?method=get-page-content&page="+page})
  .done(function(data) {
     element.html(data);
});

在这里，该done函数通过将其直接注入到预期包含当前页面的 中来处理data它从服务器返回的内容。element

接下来我假设您确实有一个服务器端方法，但该方法返回 JSON。让我暂时假设它返回以下结构：

{ "title" : "the title of page N", 
  "text"  : "here is some text for the page N." }

接下来是在函数中将此 JSON 渲染为 html done，然后将结果插入页面。查看README.md上的简短教程可能如下所示：

$.ajax({url: "app?method=get-page-content&page="+page})
  .done(function(data) {
     var pageHtml = Mustache.render("<h2>{{title}}</h2><p>{{text}}</p>", data);
     element.html(pageHtml);
});

如果服务器返回正确的data，您现在应该看到一个

<h2>the title of page N</h2><p>here is some text for the page N.</p>

出现在页面上。