icanhaz.js issues

Question

나는 AJAX 호출로 끌어 오는 개체 안에 항목 목록을 표시하려고합니다. icanhaz.js 템플릿으로 표시하고 싶습니다.

HTML :

<script id="trending" type="text/html"> 
     <li> 
     <p>Name: {{ Trending.name }}</p> 
     </li> 
    </script> 

<ul id="trending" class="span12"> 
    <li>Trending</li> 
</ul> 

JS :

$(document).ready(function(){ 
    $.ajax({ 
      dataType : 'jsonp', 
      url  : 'https://s3.amazonaws.com/sxsw_trending/sxsw_trending.json', 
      jsonp : "callback", 
      jsonpCallback: "sxswTrending", 
       success : function (data) { 
          console.log(data.Trending); 
           var trendingArr = []; 
             var trending; 
             trending = ich.trending(data); 
             $('#trending').append(trending);  

           for (var i = 0, len = data.length; i < len; i++) { 
             var trending; 
             trending = ich.trending(data[i]); 
             $('#trending').append(trending); 

             trendingArr.push(data[i]); 
           } 

       } 

    }); 

}); 

I는 다음과 같다 당기는하고 데이터 : sxswTrending ({ "레스토랑"[] "바"[], "트렌드": [{ "id": "43582f80f964a520dd281fe3", "이름": "전체 식품 시장", "hereNow": 12}, { "id": "440da323f964a52092301fe3", "name": "Austin Convention Center" "hereNow": 6}]})

내 전화 끊기 위치를 잘 모르겠습니다. Trending이라는 이름의 각 객체에 이름을 표시하려고합니다.

는 또한 JSFiddle에 그것을 넣어 가지고 :

Answer 1

http://jsfiddle.net/xtian/W6mMu/ 내가 그것을 해결하는 방법을 설명하기 위해, 코드를 단순화.

$(document).ready(function(){ 
    $.ajax({ 
     dataType  : 'jsonp', 
     url   : 'https://s3.amazonaws.com/sxsw_trending/sxsw_trending.json', 
     jsonpCallback : 'sxswTrending', 
     success : function(data) {  
        for (var i = 0; i < data.Trending.length; i++) { 
         var trending = ich.trending(data.Trending[i]); 
          $('#trending').append(trending); 
        } 
        }          
    }); 
}); 

는

를 참조하십시오