[英]Take slider value from jQuery ui slider and store it into a variable
我正在嘗試從此滑塊獲取值:
$(function () {
$("#slider-range").slider({
range: true,
min: 2000,
max: 8500,
values: [2000, 8000],
step: 200,
slide: function (event, ui) {
$("#dl-sv-input-mmr").val(ui.values[0] + " - " + ui.values[1]);
}
});
$("#dl-sv-input-mmr").val($("#slider-range").slider("values", 0) +
" - " + $("#slider-range").slider("values", 1));
});
如何獲取當前值並將其存儲到變量中? 我正在嘗試在AJAX中進行過濾,以使所有元素都在一定范圍內。 我是新手,不確定這是否是正確的方法。
HTML:
<label for="dl-sv-input-mmr" class="control-label col-xs-2">MMR:</label>
<div class="col-xs-4">
<input type="text" class="form-control" id="dl-sv-input-mmr" name="dl-sv-input-mmr" readonly
style="border:0; color:black; font-weight:bold;">
<div id="slider-range"></div>
</div>
請注意,您需要在html中添加此代碼,代碼才能正常工作
<div id="slider-range"></div>
<input id="dl-sv-input-mmr" type="text"/>
定義這兩個全局變量
var min = 0;
var max = 0;
$(function () {
$("#slider-range").slider({
range: true,
min: 2000,
max: 8500,
values: [2000, 8000],
step: 200,
slide: function (event, ui) {
$("#dl-sv-input-mmr").val(ui.values[0] + " - " + ui.values[1]);
min = ui.values[0]; //current min slider value
console.log("min "+min);
//You can also do min = $("#slider-range").slider("values", 0);
max = ui.values[1]; //current max slider value
console.log("max "+max);
//You can also do max = $("#slider-range").slider("values", 1);
}
});
$("#dl-sv-input-mmr").val($("#slider-range").slider("values", 0) +
" - " + $("#slider-range").slider("values", 1));
min = $("#slider-range").slider("values", 0);
max = $("#slider-range").slider("values", 1);
});
另請注意,您必須關閉$(function() {
在幻燈片處理程序中分配max
和min
將確保每次您都有更新的值。
您可以隨時執行var min = $(“#slider-range”)。slider(“ values”,0); var max = $(“#slider-range”)。slider(“ values”,1);
檢查http://api.jqueryui.com/slider/#method-values
還要檢查您是否正在加載jQuery js文件以及jQuery-ui js和CSS
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.