以下代码旨在将所有滑块条总数相加,然后根据已达到的级别切换图像。目前它似乎只适用于切换到第一级,任何高于 50 并且图像不会改变。我错过了什么?
<script>
$(function() {
$( ".slider" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 0,
slide: function( event, ui ) {
var total = 0;
$('.slider').each( function() {
total += $(this).slider('value');
});
var img = 'img1.jpg';
if( total<=100 ) img = 'img1.jpg';
else if( total>=200 ) img = 'img2.jpg';
else if( total>=300 ) img = 'img3.jpg';
else if( total>=400 ) img = 'img4.jpg';
else if( total>=500 ) img = 'img5.jpg';
;
$('#amount-img').attr( 'src', 'img/'+img );
}
});
});
</script>