컨테이너 확장 후 색상 상자의 크기가 조정되지 않습니다.

Question

저는 실제로 비슷한 질문을 게시하고 제 코드가 매우 버그가 있다고 생각하여 문제가 어딘가에 있어야한다고 생각했습니다.

그래서 내가 한 것은 페이지 자체에 colorbox ajax 모달과 일반 div 예제가 포함 된 간단한 페이지를 만드는 것입니다.

내가하려는 것은 기본 페이지에서 작동하는 추가 div를 표시 할 수 있도록 컨테이너의 크기를 변경하는 것입니다. 나는 그것을 시도

$("button").click(function(){ 
     $(".container").width('300'); 
    $('.left').show("slide", { direction: "right" }, 200); 
    $.fn.colorbox.resize(); 
    $('.modal1').colorbox.resize(); 
}); 

And here is the example page I made

: 나는, 그러나 심지어

$.fn.colorbox.resize(); 

또는 여기

$('.modal1').colorbox.resize(); 

를 실행 한 후 모달 내에서 작동하지 않는 코드 자체입니다 가능한 한 깔끔하게 읽을 수 있도록 모두에게 감사드립니다! :)

Answer 1

외부 파일에서 colobox 콘텐츠를로드하고 있습니다. 따라서 가장 먼저 버튼에 라이브 선택기를 적용해야합니다.

그런 다음 colorbox resize 메서드를 너비에 전달하면 지연된 슬라이딩 애니메이션 때문에 자동 크기 조정에 문제가있는 것처럼 보입니다.

$("button").live('click', function(){ 
    $(".container").width('300'); 
    $('.left').show("slide", { direction: "right" }, 200); 
    $('.modal1').colorbox.resize({width: 300}); 
});