Question

我正在使用jquery插件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');
}

jquery columnizer和display：none

1 个答案: