動畫JSON數據？

愚蠢的問題時間。我正在嘗試使用Mustache模板系統將我的JSON數據與flipbook插件集成。不用說，這根本不起作用。我是一個jQuery noobie，那麼是否有任何簡單的方法來綁定和動畫的JSON數據/插件（有或沒有鬍鬚標籤）？動畫JSON數據？

來源

2013-02-11 persphone80

對於「動畫」數據，你究竟意味着什麼？ – Philipp 2013-02-11 16:43:09

@ Philipp可能是這樣的：http://jsfiddle.net/REguz/1/ – dfsq 2013-02-11 16:46:52

是的。究竟。我正在尋找使用Turn.js製作jQuery頁面翻轉動畫，但它似乎不適用於鬍鬚模板。 – persphone80 2013-02-11 16:50:14

從你的問題中推斷出你想要的東西有點難，但是我覺得你已經把所有的東西放在了一起。首先是您在評論中鏈接到的示例：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的Funktion，將結果到頁面之前。看着在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>

出現在頁面上。

來源

2013-02-12 20:18:45

動畫JSON數據？

回答

相關問題