基础6网格程序列删除

时间:2016-02-01 17:12:14

标签: javascript jquery css zurb-foundation zurb-foundation-6

我在一个新项目中使用了基础6,偶然发现了一个问题。 我有一个网格,我想隐藏一个列(我想稍后再次显示),问题是,如果我隐藏列,它不会重新排序所有其他列,我尝试通过隐藏它与jQuery和将它隐藏在Foundation的hide类中(我猜,这基本上是相同的)。 我能够实现所需功能的唯一方法是实际完全删除列,但我需要稍后再次显示它,所以这不是一个选项。

请查看小提琴,以便更好地了解我的需求。 (单击其中一个按钮后,您必须再次运行脚本)

JsFiddle link

1 个答案:

答案 0 :(得分:1)

主要问题是您没有正确使用这些类,例如列的大小应该应用于列而不是行元素。

<div class="column">

应该是:

<div class="small-4 column">

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