Question

나는 ajax 응답으로 주어진 htmls 배열을 사용하여 colorbox를 강제 실행하려고하지만 여전히 작동하지 않습니다. 경고 올바른 작동 렸기 때문에

$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); 

응답이 올바른 :

$.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 코드 : 자바 스크립트 코드

. 여러 페이지로 구성된 html 문서를 제시해야합니다.

내가 어떤 도움을 감사하게 될 것입니다

Answer 1

당신은 그 <div class="container><div class="page" rel="mygroup"><p class="kkk">item1</p></div><div class="page" rel="mygroup"><p class="kkk">item2</p></div></div> 같은 일반 DIV에 모든 페이지를 삽입하고 JS 부품 사용에 비해이, JSON의 altoghther를 사용하여 방지 할 수 있습니다

이

$.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 블록의 값은 필요한 것만 수행합니다.