2011-09-10 4 views
3

다음과 같이 나는 최대 스플래시 아주 재밌지는 테이블에 Fancybox 1.3.4을 사용하고 있습니다 :Fancybox 높이 크기 조정 동적 내용

   function EditExtra() { 

       $("a.EditExtra").fancybox({ 
        'zoomSpeedIn': 300, 
        'zoomSpeedOut': 300, 
        'overlayShow': true, 
        'autoDimensions': false, 
        'titleShow': false, 
        'height': 'auto',      
        'scrolling' : 'no', 
        'autoScale' : false, 
        'centerOnScroll' : true, 
        'showCloseButton': true    
       }); 

       return false; 

      } 

이 잘 작동하지만 동적으로 추가 할 때/사용하여 테이블에서 선을 제거

function RemoveLine(){ 

     $('img.removeline').live('click',function(){ 

     $(this).closest("tr").remove(); 

     $.fancybox.resize(); 

     return false; 

    }); 

} 

...을 fancybox는 내용의 새로운 높이로 크기 조정되지 않습니다 같은 jQuery를 약간. 테이블 맨 아래에 새 행을 추가 할 때도 마찬가지입니다. 실제 테이블 행 삽입/제거 부분이 정상적으로 작동합니다. 나는 $ .fancybox.resize() 함수가 새 내용의 높이를 조정해야한다고 생각하지만 어떤 이유로 그것이 작동하지 않습니다. 나는 여러 매개 변수로 어지럼증하는 시간을 보내고 있습니다! ~!

행을 추가하는 경우 fancybox의 가장자리 아래로 오버플로가 발생하거나 제거하면 하단에 여백이 생겨 동일한 높이가 유지됩니다. 또한 다양한 행 수의 테이블로 fancybox를 호출하면 자동으로 내용에 맞게 높이가 자동 조절된다는 것을 알았습니다.

도움을 주시면 감사하겠습니다. 사실 :

+4

AutoDimension을 넣어보십시오 : true? 또는 $ .fancybox.showActivity(); - 재로드를 유발할 수 있습니다 :) –

+0

Thanks Marco! 나는 너무 어리 석다는 것을 믿을 수 없다. AutoDimension을 true로 설정하면 문제가 없습니다. –

답변

2

마르코는 대답은 AutoDimension을 설정했다 말했듯이? 또는 $ .fancybox.showActivity를 수행하십시오