[英]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.