<title>Foundation 实例</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/foundation5.5.3/foundation.min.css">
<script src="/js/bootstrap/jquery.min.js"></script>
<script src="/js/foundation5.5.3/foundation.min.js"></script>
<script src="/js/foundation5.5.3/modernizr.js"></script>
<div style="padding:20px;">
<p>默认情况下,滑块滑动的增加减少的数量为 "1"。可以通过添加 <code>data-options="step: <em>num</em>;"</code> 属性来修改长值。实例中设置为 25:</p>
<span id="mySlider"></span>
<div class="range-slider" data-slider data-options="display_selector: #mySlider; step: 25;">
<span class="range-slider-handle"></span>
<span class="range-slider-active-segment"></span>
$(document).ready(function() {
$(document).foundation();