2011-03-30 31 views
1

我試圖獲得Twitter源,使用search API或只使用A standard JSON call使用下面的代碼我只是得到一個空白頁。我已經包括了所有正確的jQuery的元素,並與Flikr API(並更改了相關的模板部分)進行了測試jQuery模板從Twitter推入JSON源

<script> 
     $().ready(function() { 

      $(document).ajaxComplete(function() { 
       $("body").attribute({message: ""}); 
      }); 

      $.getJSON('http://twitter.com/status/user_timeline/ladygaga.json?count=10&callback=?', function(data) { 

       $.template("imageTmpl", $("#imagesTmpl")); 
       $.tmpl("imageTmpl", data, { 

       }).appendTo("#img_list"); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <article id="img_list"> 
     <script id="imagesTmpl" type="text/x-jquery-tmpl"> 
      {{each items}} 
       {{if $index <= 4}} 
     ${$text} 

       {{/if}} 
      {{/each}} 
     </script> 
    </article> 
</body> 

和想法?

回答

3
  1. 改變你的模板語法,你不需要每次在這種情況下,模板引擎顯示每個數組的鍵它會默認

  2. 盯緊你的括號 - 正確的語法始終是$ {文本}。

find working demo here ...

所以這裏的HTML:

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> 
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script> 
</head> 
<body> 
    <article id="img_list"> 
     <ul> 
     <script id="imagesTmpl" type="text/x-jquery-tmpl"> 
      <li>${text}<br/><br/></li> 
     </script> 
    </ul> 
    </article> 
</body> 

,這裏是一個slightyl修改JS:

$.getJSON('http://twitter.com/status/user_timeline/ladygaga.json?count=10&callback=?', function(data) { 
    $.template("imageTmpl", $("#imagesTmpl")); 
    $.tmpl("imageTmpl", data).appendTo("#img_list"); 
}); 
+0

謝謝,偉大工程!加分給我看jsfiddle。很有用。你認爲這可以使用API​​來完成嗎?我試過:$ .ajax({url:'http://search.twitter.com/search.json?q=from:ladygaga&callback=?',data:data,success:callback}); \t但這是空白。我不明白爲什麼,這似乎像它甚至沒有嘗試的請求...... – BobFlemming 2011-03-30 13:20:22

+0

<腳本類型=「文/ JavaScript的」> \t \t $(文件)。就緒(函數(){ \t \t \t $。 getJSON('http://search.twitter.com/search.json?q=from:ladygaga&since_id=52754280024784896&callback=?',function(data){ \t \t \t \t $ .template(「imageTmpl」,$(「# imagesTmpl 「)); \t \t \t \t $ .tmpl(」 imageTmpl」,data.results).appendTo( 「#img_list」); \t \t \t}); \t \t}); \t <物品ID = 「img_list」> \t <腳本ID = 「imagesTmpl」 類型= 「文本/ X-jQuery的TMPL」> \t \t

  • $ {文本}

  • \t
    BobFlemming 2011-03-30 14:14:30