javascript - Wookmark Jquery UI 不工作

Question

嗨 friend 们，我正在使用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     
});
});

修改它来完成你的工作。