ajax在colorbox和html數組

Question

我試圖強迫colorbox與由ajax響應給出的htmls數組一起工作，但它仍然不起作用。

javascript代碼：

$.post($('#createForm').attr('action'),{ 
     'id' : 1 
    },function(data){ 
     var $trash = $('<div>').hide().appendTo('body'); 

     $.each(data, function(i){ 
      $(data[i]).appendTo($trash); 
      alert(data[i]); 
     }); 

     $trash.find('div').colorbox({rel:'mygroup', open:true}); 
    }, 'json'); 

PHP代碼：

$content = '<div class="page" rel="mygroup"><p class="kkk">item1</p></div>'; 
    $content2 = '<div class="page" rel="mygroup"><p class="kkk">item2</p></div>'; 
    $return = json_encode(array($content, $content2)); 
    return new Response($return); 

反應是正確的，becouse警報正常運行的。我需要提供一個由多個頁面組成的html文檔。

我會感謝任何幫助

Answer 1

你能避免使用JSON altoghther，插入所有的頁面一般DIV像​​，比JS部分使用：

$.post($('#createForm').attr('action'),{ 
    'id' : 1 
},function(data){ 
    var $trash = $('<div>').hide().appendTo('body'); 

    $(data).children().each(function(i){ 
     $(this).appendTo($trash); 
     alert($(this).html()); 
    }); 

    $trash.find('div').colorbox({rel:'mygroup', open:true}); 
}); 

它會提醒內html塊的值，但除此之外將做你需要的東西