不能让rangfinder.js工作

Question

我正在使用rangeslider.js - http://rangeslider.js.org/

我无法正常工作，我从演示页面复制了代码。我想我可能会遗漏一些东西！

-agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005

Here is a codepen

Answer 1

为什么要隐藏input[type=range]字段并自行重新创建滑块的HTML标记？这是插件的工作，不是吗？

// Would go to $(document).ready()
$('input[type="range"]').rangeslider();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rangeslider.js/2.1.1/rangeslider.min.js"></script>

<input
    type="range"
    min="10"
    max="1000" 
    step="10"   
    value="300" 
    data-orientation="vertical"
>