JAVASCRIPT 我有這個帶有 js 代碼的 jQuery 范圍滑塊，我想在將數(shù)字放入輸入字段時更改滑塊，還給出了 jsfiddle：https: //jsfiddle.net/akhlaque/6Lrtpjwk/1/var details = {"books": 20,"pens": 60,"ink": 90,"table": 120,"chair": 170,"shoes": 220,"boots": 320,};$(文檔).ready(函數(shù)() { $(".price_range").slider({ max: 500, range: true, values: [0, 500], change: function(event, ui) { getDetails(ui.values[0], ui.values[1]); } }); var current = $(".price_range").slider("option", "values"); getDetails(current[0], current[1]);});函數(shù) getDetails(最小值, 最大值) { $("#range").val("" + minimum); $("#range-1").val("" + maximum); var result = "<table><tr><th>Product Name</th> <th>Price (in $)</th></tr>"; for (var item in details) { if (details[item] >= minimum && details[item] <= maximum) { result += "<tr><td>" + item + "</td><td>" + details[item] + "</td></tr>"; } } result += "</table>"; $(".output").html(result);}$(文檔).ready(函數(shù)(){$(".input_slides").change(function(){var $this = $(this);$(".price_range").slider("values", $this.data("index"), $this.val());}); })enter code here
1 回答
蠱毒傳說
TA貢獻1895條經(jīng)驗 獲得超3個贊
我做了兩處修改。
添加“index”作為 HTML 輸入的屬性。用于確定要使用滑塊上的哪個手柄。
<form>
<input type="text" index="0" id="range" class="input_slides">
<input type="text" index="1" id="range-1" class="input_slides">
</form>
將更改值更新為新的索引屬性
$(".input_slides").change(function() {
var $this = $(this);
$(".price_range").slider("values", $this.attr('index'), $this.val());
});
這將解決直接問題。
這是小提琴： https: //jsfiddle.net/eczh8ymk/
- 1 回答
- 0 關注
- 221 瀏覽
添加回答
舉報
0/150
提交
取消