1

jquery プラグインcolumnizerを使用して、テキスト付きの div を 2 つの列に分割しています。親 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});
4

1 に答える 1

2

私が思いつく解決策の 1 つは、親を表示し、コンテンツが「列化」された後に非表示にすることです。

$('.button').click(function() {
    $('.parent').slideToggle(700);
});
$('.child').columnize({columns:3,doneFunc:hidmycont});
function hidmycont(){
    $('.parent').css('display','none');
}
于 2013-09-14T02:55:11.013 に答える