我需要一些关于jQuery UI滑块的帮助,我已经设置了初始值,但似乎无法找到加载页面时显示它的方法。我还需要能够将两个滑块值调用到一个函数中进行计算,然后将其显示到屏幕上。jQuery UI滑块 - 在函数中使用默认值
您可以在这里查看我的小提琴测试>http://jsfiddle.net/cC3Qh/
jQuery的
$(function() {
$("#slider1").slider({
max: 2500,
value: 1000,
slide: function(event, ui) { $("#slider-result1").html(ui.value); },
change: function(event, ui) { calPrice(ui.value); }
});
$("#slider2").slider({
max: 30,
value: 12,
slide: function(event, ui) { $("#slider-result2").html(ui.value); },
change: function(event, ui) { calDays(ui.value); }
});
});
function calDays(sliderval){
var day = sliderval;
day = day * 100;
document.getElementById('price2').innerHTML = day;
var price = document.getElementById('price1').innerHTML;
price = price * day;
document.getElementById('price3').innerHTML = price;
}
function calPrice(sliderval){
var price = sliderval;
price = price * 100;
document.getElementById('price1').innerHTML = price;
}
感谢。
如果您要创建处理程序路由,您可以简单地使用'ui.value'而不是'$(this).slider(“value”)' – 2013-02-14 07:24:10
@SamuelL我对自己感到惊讶,但是在创建'ui'参数时没有价值属性 – 2013-02-14 07:31:49
有趣。感谢您指出了这一点! – 2013-02-14 07:32:37