菜鸟教程 tryfoundation_slider_default_value 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <div style="padding:20px;">
  <h2>默认滑块值</h2>
  <p>默认情况下,滑块放在横条的中间 (数值为 "50")。可以通过添加 <code>data-options="initial: <em>num</em>"</code> 属性来修改默认值:</p>
  <div class="range-slider" data-slider="" data-options="initial: 80;">
    <span class="range-slider-handle"></span>
    <span class="range-slider-active-segment"></span>
  </div>
</div>

<!-- 初始化 Foundation JS -->
<script>
$(document).ready(function() {
    $(document).foundation();
})
</script>