Javascript jqueryui。创建后将滑块值推入块中
我试图在创建后将范围滑块值推到2个块中Javascript jqueryui。创建后将滑块值推入块中,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我试图在创建后将范围滑块值推到2个块中 $(document).ready(function() { $("#slider-range").slider({ step: 10, range: true, min: 10, max: 500, values: [100, 400], create: function(event, ui) { $('#minResult').text(ui.values[0]+'$');
$(document).ready(function() {
$("#slider-range").slider({
step: 10,
range: true,
min: 10,
max: 500,
values: [100, 400],
create: function(event, ui) {
$('#minResult').text(ui.values[0]+'$');
$('#maxResult').text(ui.values[1]+'$');
},
slide: function(event, ui) {
$('#minResult').text(ui.values[0]+'$');
$('#maxResult').text(ui.values[1]+'$');
},
stop: function(event, ui) {
$('#priceMin').val(ui.values[0]);
$('#priceMax').val(ui.values[1]);
calcItems();
}
});
});
滑动和停止回调可以正常工作,但创建不起作用。Conosole.logui返回未定义。请从创建事件的jQuery slider文档中获得帮助: 注意:ui对象为空,但为了与其他对象保持一致而包括在内 事件 参考: 您可以使用以下方法直接从滑块UI对象获取值:
$("#slider-range").slider("values")[0];
代码:
演示:
$(document).ready(function () {
$("#slider-range").slider({
step: 10,
range: true,
min: 10,
max: 500,
values: [100, 400],
create: function (event, ui) {
$('#minResult').val($("#slider-range").slider("values")[0] + '$');
$('#maxResult').val($("#slider-range").slider("values")[1] + '$');
},
slide: function (event, ui) {
$('#minResult').val(ui.values[0] + '$');
$('#maxResult').val(ui.values[1] + '$');
},
stop: function (event, ui) {
}
});
});