0

新しいプロジェクトで Foundation 6 を使用していて、問題に遭遇しました。グリッドがあり、列を非表示にしたい (後でもう一度表示したい)、問題は、列を非表示にすると、他のすべての列の順序が変更されないことです。jQuery で非表示にしてみました。 Foundationのhideクラスでそれを隠すことによって(これは基本的に同じことだと思います)。必要な機能を実現できた唯一の方法は、実際に列を完全に削除することですが、後でもう一度表示する必要があるため、これはオプションではありません.

フィドルを見て、必要なものをよりよく理解してください。(いずれかのボタンをクリックした後、スクリプトを再度実行する必要があります)

JsFiddle リンク

4

1 に答える 1

1

主な問題は、クラスを適切に使用していないことです。たとえば、列のサイズを行要素ではなく列に適用する必要があります。

<div class="column">

次のようにする必要があります。

<div class="small-4 column">

https://jsfiddle.net/875ascsk/4/

于 2016-02-01T17:36:31.720 に答える