Slider可在JSFiddle上使用，當我嘗試時僅顯示文本框

Question

http://jsfiddle.net/gefkwqv6/8/我找到了，當我想自己實現時，它只顯示一個文本框。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Slider test</title>
    <link rel="stylesheet" href="css/c.css">

</head>
<body>
<h1>HTML Slider Test</h1>

<div class="range-slider">
    <input type="text" class="js-range-slider" value=""/>
</div>
<div class="extra-controls">
    From: <input type="text" class="js-input-from" value="0" readonly/>
    To: <input type="text" class="js-input-to" value="0" readonly/>
</div>

<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/C.js" rel="script"></script>

</body>
</html>

這是我的JS

var $range = $(".js-range-slider"),
    $inputFrom = $(".js-input-from"),
    $inputTo = $(".js-input-to"),
    instance,
    min = 0,
    max = 1000;

$range.ionRangeSlider({
    type: "double",
    min: min,
    max: max,
    from: 100,
    to: 900,
    onStart: updateInputs,
    onChange: updateInputs,
    onFinish: updateInputs
});

function updateInputs (data) {
    $inputFrom.prop("value", data.from);
    $inputTo.prop("value", data.to);
}

instance = $range.data("ionRangeSlider");

我想念什么？ 我是否需要導入其他內容？ 因為此刻我感到這樣的簡單代碼行不通

Answer 1

我認為您缺少一些js和CSS文件thease是：

ion.rangeSlider.js // js file
ion.rangeSlider.css //css file 
ion.rangeSlider.skinHTML5.css // css file

Slider可在JSFiddle上使用，當我嘗試時僅顯示文本框

問題描述

1 個解決方案

解決方案1
2 已采納 2016-05-05 10:13:30

Slider可在JSFiddle上使用，當我嘗試時僅顯示文本框

問題描述

1 個解決方案

解決方案1 2 已采納 2016-05-05 10:13:30

解決方案1
2 已采納 2016-05-05 10:13:30