Wookmark Jquery UI无法正常工作

时间:2013-09-20 22:31:46

标签: javascript ajax jquery-ui jquery wookmark

朋友们,我正在使用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

1 个答案:

答案 0 :(得分:0)

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

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

修改它以完成您的工作。