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 в DIV в document.ready функция(), но не отображается ничего. Я проверил console.log и я получаю правильные данные обратного вызова из Аякса call.Please помочь мне исправить это один

Это мой полный 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  
}); 
}); 

Изменить его для выполнения вашей работы.