Data-Equalizer Foundation 5 不工作
Data-Equalizer Foundation 5 not working
我尝试在基础框架上使用这些 data-equalizer
以使每列的高度相同,并且由此能够使该列中的文本垂直居中。
这是HTML:
<div class="row" data-equalizer>
<div class="small-2 columns" data-equalizer-watch style="background: #ff0000;">
<span>Monday:</span>
</div>
<div class="small-5 columns" data-equalizer-watch>
<label>Start Time
<input type="text" class="time start ui-timepicker-input" autocomplete="off" alt="{{timestampStart}}">
</label>
</div>
<div class="small-5 columns" data-equalizer-watch>
<label>End Time
<input type="text" class="time end ui-timepicker-input" autocomplete="off" alt="{{timestampEnd}}">
</label>
</div>
我还创建了一个 JSFiddle 以便您能明白我的意思 --> 我希望 "Monday" 的红色背景一直到行尾。
感谢您的帮助。
这里的工作版本:Fiddle
确保包含 Foundation 均衡器脚本并在页面加载时初始化 Foundation。
$(document).foundation();
我尝试在基础框架上使用这些 data-equalizer
以使每列的高度相同,并且由此能够使该列中的文本垂直居中。
这是HTML:
<div class="row" data-equalizer>
<div class="small-2 columns" data-equalizer-watch style="background: #ff0000;">
<span>Monday:</span>
</div>
<div class="small-5 columns" data-equalizer-watch>
<label>Start Time
<input type="text" class="time start ui-timepicker-input" autocomplete="off" alt="{{timestampStart}}">
</label>
</div>
<div class="small-5 columns" data-equalizer-watch>
<label>End Time
<input type="text" class="time end ui-timepicker-input" autocomplete="off" alt="{{timestampEnd}}">
</label>
</div>
我还创建了一个 JSFiddle 以便您能明白我的意思 --> 我希望 "Monday" 的红色背景一直到行尾。
感谢您的帮助。
这里的工作版本:Fiddle
确保包含 Foundation 均衡器脚本并在页面加载时初始化 Foundation。
$(document).foundation();