[英]This slide range , when drag to end of right , i want to display text eg: unlimited, How can i do that?
在此幻灯片范围中,当拖动到右端时,我要显示文本,例如: unlimited
,我该怎么做?
当拖动到右端时,正常代码将显示$0 - $500
但我想显示$0 - unlimited
我怎样才能做到这一点 ?
$(function() {
var minPriceInRupees = 0;
var maxPriceInRupees = 500;
var currentMinValue = 33;
var currentMaxValue = 333;
$( "#slider-range" ).slider({
range: true,
min: minPriceInRupees,
max: maxPriceInRupees,
values: [ currentMinValue, currentMaxValue ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
currentMinValue = ui.values[ 0 ];
currentMaxValue = ui.values[ 1 ];
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
您可以通过检查当前最大滑动值( ui.values[ 1 ]
)是否与maxPriceInRupees
值相同来实现此maxPriceInRupees
如下所示:
$(function() {
var minPriceInRupees = 0;
var maxPriceInRupees = 500;
var currentMinValue = 33;
var currentMaxValue = 333;
$( "#slider-range" )
.slider({
range: true,
min: minPriceInRupees,
max: maxPriceInRupees,
values: [ currentMinValue, currentMaxValue ],
slide: function( event, ui ) {
$( "#amount" )
.val( "$" + ui.values[ 0 ] + " - " + (ui.values[ 1 ] == maxPriceInRupees ? 'Unlimited' : ('$'+ui.values[ 1 ])) );
currentMinValue = ui.values[ 0 ];
currentMaxValue = ui.values[ 1 ];
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + " - " + ($( "#slider-range" ).slider( "values", 1 ) == maxPriceInRupees ? 'Unlimited' : ('$' + $( "#slider-range" ).slider( "values", 1 ))));
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.