javascript - Wookmark Jquery UI 不工作

Question

嗨朋友们，我正在使用http://www.wookmark.com/jquery-plugin

   $.post('get_category',data={type:'All'},function(data)
             {

              $.each(data,function(item,i){

             var image_path = "<?php echo base_url();?>assets/images/"+i.image_name;

             var str = '<li data-filter-class="["'+i.category_name+'"]"><img src="'+image_path+'" height="283" width="200"><p>London Art</p></li>';


  $("#tiles").prepend('<li data-filter-class=["'+i.category_name+'"]><img src="'+image_path+'" height="283" width="200"><p>London Art</p></li>'); 

                                     }); },'json'

            );

我正在使用 ajax 将 html 内容写入 document.ready() 函数中的 div，但没有显示任何内容。我检查了 console.log，我从 ajax 调用中得到了正确的回调数据。请帮我解决这个问题

这是我完整的 JS http://codepen.io/anon/pen/vdigl

Answer 1

尝试使用var array = JSON.parse(data);

$(array).each(function(i,val){
    $.each(val,function(k,v){
          //your code     
});
});

修改它以完成您的工作。