Как автоматически настроить высоту jQuery Colorbox в следующем сценарии?

Question

Я использую плагин Colorbox - jQuery lightbox для моего сайта. У меня есть содержимое разного размера, которое должно отображаться в colorbox. Поэтому для этого я хочу сделать высоту auto. Как я могу это сделать? Мой текущий сценарий выглядит следующим образом:

<a href="{$control_url}modules/questions/match_question.php?op=get_question_detail&question_id={$qstn.question_id}#searchPopContent" title="View question" class="inline_view_question_detail">QUE{$question.question_id}</a> 

<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
    $(".inline_view_question_detail").colorbox({href:$(this).attr('href'),width:777, height:700}); 
}); 
</script> 

Заранее благодарен.

Answer 1

поставить высоту на авто в вас Css

height:auto; 

Answer 2

Лучший способ сделать это, чтобы позвонить $.colorbox.resize() из события OnOpen. Это автоматически будет соответствовать цвету вашего контента независимо от его размера. В вашем случае попробуйте этот код:

<a href="{$control_url}modules/questions/match_question.php?op=get_question_detail&question_id={$qstn.question_id}#searchPopContent" title="View question" class="inline_view_question_detail">QUE{$question.question_id}</a> 

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $(".inline_view_question_detail").colorbox({ 
     href: $(this).attr('href'), 
     width: 50%, 
     height: 50%, 
     onOpen: $.colorbox.resize 
     }); 
    }); 
</script>