jQuery UI Slider-在函数中使用默认值
jQuery UI Slider - Using default value in function
我需要一些关于jQuery UI滑块的帮助,我已经设置了初始值,但似乎找不到在页面加载时显示它的方法。我还需要能够调用一个函数的两个滑块值来进行计算,然后将其显示在屏幕上。
您可以在此处查看我的Fiddle测试>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;
}
谢谢。
将create
事件处理程序添加到滑块:
$("#slider1").slider({
max: 2500,
value: 1000,
slide: function (event, ui) {
$("#slider-result1").html(ui.value);
},
change: function (event, ui) {
calPrice(ui.value);
},
create: function (event, ui) {
$("#slider-result1").html($(this).slider("value"));
}
});
将其添加到您的就绪函数中:
// display slider value on load
$("#slider-result1").html($("#slider1").slider("value"));
$("#slider-result2").html($("#slider2").slider("value"));
// perform calculations on load
calPrice($("#slider1").slider("value"));
calDays($("#slider2").slider("value"));
http://jsfiddle.net/samliew/cC3Qh/1/
相关文章:
- 我可以通过使用函数绑定来保留默认值吗?如果没有,为什么
- 函数中的默认值-Javascript
- 在JavaScript中,函数的默认值是多少'的原型属性
- 使用默认值定义构造函数.我这样做对吗?
- 为什么不将 jQuery UI 日期选择器的默认值设置为匿名函数
- 定义JavaScript函数参数的对象默认值
- JavaScript:处理默认值为true的函数参数
- 函数参数的默认值
- 将JS函数转换为jQuery-(输入字段清除默认值)
- 为什么闭包函数中的 javascript 变量在多次调用时不会重置为默认值
- 函数中的默认值
- 将函数传递到Backbone.js中的模型默认值中
- ES6构造对象,在赋值时不用作函数参数时的默认值
- 获取函数的默认值
- Javascript/Jquery-在函数中设置默认值
- 为函数设置默认值时出现Javascript错误
- 在javascript函数中设置布尔参数的默认值
- jQueryUI模式添加函数默认值
- 我的javascript函数在下拉菜单中选择默认值有什么问题?
- React输入文本默认值和onblur函数使输入文本只读