jquery - jquery columnizer 和显示：无

Question

我正在使用 jquery plugin columnizer将带有文本的 div 拆分为两列。当 div 有属性 display:none 时它​​不能正常工作，如果父 div 有 display:none 也是一样。我知道这种行为并不奇怪：div 是隐藏的，因此插件无法正确计算宽度/高度。但也许有办法解决它，知道父 div 可以切换？

HTML

<div class="button">
</div>
<div class="parent" style="display:none">
 <div class="child">
  <h1>Title</h1>      
  <p>Text text text text text text text text text text text text text</p>
  <p>Text text text text text text text text text text text text text</p>
  <p>Text text text text text text text text text text text text text</p>
 </div>
</div>

jQuery

$('.button').click(function() {
    $('.parent').slideToggle(700);
});
$('.child').columnize({columns:3});

Answer 1

我可以想出的一种解决方案是在内容“列”后显示父项并隐藏它

$('.button').click(function() {
    $('.parent').slideToggle(700);
});
$('.child').columnize({columns:3,doneFunc:hidmycont});
function hidmycont(){
    $('.parent').css('display','none');
}