Question

我正在为我的网站使用“Colorbox - 一个jQuery灯箱”插件。我有一个不同大小的内容，将在彩盒中显示。所以对于它我想让高度自动化。我怎样才能做到这一点？我目前的脚本如下：

<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

执行此操作的最佳方法是从onOpen事件中调用$.colorbox.resize()。这将自动使彩色框适合您的内容，无论它的大小。在您的情况下，请尝试以下代码：

<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>

如何在以下场景中自动调整jQuery Colorbox的高度？

2 个答案: