2014-07-15 1 views
-1

인라인 폭을 설정하지만 상자가 항상 넓은 내가 생성 된 코드를 보면 2Fancybox 2 - 나는 다음과 같은 코드를 사용하고

<a href="#divForm" class="fancybox">Load Form</a> 

<div id="divForm" style="display:none; width: 500px;" class="divform"> 

Just some text in here.... 

</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox({ 

    }); 
}); 
</script> 

나는 것을 볼 수 FancyBox으로 100 픽셀로 팝업 할 수 없습니다 멋진 상자가 래퍼에 몇 가지 기본 설정을 추가하는 것으로 보입니다. 설정된 너비로 상자를 열려면 어떻게해야합니까?

+0

하이 @NotaGuruAtAl. 나는 동일한 코드를 테스트하고 항상 "500px"를 width로 사용하거나 "style"속성에서 설정 한 폭을 사용한다. 이 JSFiddle보기 : http://jsfiddle.net/tiagoajacobi/Da9EH/ – Jacobi

+0

JS에서 "너비"만 설정 하시겠습니까? – Jacobi

+1

'autoSize'설정을 시도하십시오. – Sasha

답변

2

의견에서 말씀 드렸듯이, "STYLE"속성에서 너비와 높이를 div로 설정하면 너비가 넓어집니다.

예 : http://jsfiddle.net/tiagoajacobi/dKbp7/

당신이 특정 폭이나 높이, 당신은 속성 "autoSize를"을 사용해야와 열려면 FancyBox에 말을 wan't합니다. JS 예 :

$(".fancybox").fancybox({ 
    'autoSize': false, 
    'width': 200, 
    'height': 140 
}); 

JsFiddle 예 : http://jsfiddle.net/tiagoajacobi/mCQ5j/