jQuery를 범위 슬라이더 스위치

Question

내가이 jQuery를 슬라이더를 가지고 있고이 같은 것을하고 싶지 :

if 1st slider value = 5 and 2nd slider value = 10 then 
    print some text 
else if (other values) then 
    print other text 

을하지만 스위치와,도 아니다 IF-else 문 작동하지 않습니다.

내 HTML

<div class="wrapper ui-widget-content"> 
    <div id="wo"></div> 
    <div id="w" class="weight"></div> 
    <p class="slider-title">Rider Weight</p> 
    <div id="io"></div> 
    <div id="inc" class="incline"></div> 
    <p class="slider-title">Incline</p> 
    <div id="m" class="miles"></div> 
</div> 

내 자바 스크립트

var weight = $('#w'); 
var incline = $('#inc'); 
var miles = $('#m'); 
$(function() { 
    $(weight).slider({ 
    animate: "slow", 
    max: 250, 
    mix: 75, 
    step: 25, 
    range: 'min', 
    change: function(event, ui) { 
     $('#wo').html(ui.value); 
    } 
    }); 

    $(incline).slider({ 
    animate: "slow", 
    max: 20, 
    mix: 0, 
    step: 5, 
    range: 'min', 
    change: function(event, ui) { 
     $('#io').html(ui.value); 
    } 
    }); 

    switch (miles) { 
    case $(weight).slider("value", 100) && $(incline).slider("value", 15): 
     $(miles).html("100 to 15"); 
     break; 
     case $(weight).slider("value", 75) && $(incline).slider("value", 5): 
     $(miles).html("75 to 5"); 
    default: 
     $(miles).html("nothing"); 
    } 
}); 

Answer 1

첫째, 그건 어떻게 switch이 작동하지 않습니다. if/else if이 필요합니다.

둘째, $(weight).slider("value", 100)은 슬라이더에 100 값을 할당합니다. 당신은 아마 당신의 업데이 트를 할 때마다 각 슬라이더의 변경을하고 싶은,

weight.slider('value') == 100 

셋째 :

는 대신이 형식이 원하는.

Answer 2

$(weight).slider({ 
    animate: "slow", 
    max: 250, 
    mix: 75, 
    step: 25, 
    range: 'min', 
    change: function(event, ui) { 
    $('#wo').html(ui.value); 
     showDisplay(); 
    } 
}); 

$(incline).slider({ 
    animate: "slow", 
    max: 20, 
    mix: 0, 
    step: 5, 
    range: 'min', 
    change: function(event, ui) { 
    $('#io').html(ui.value); 
    showDisplay(); 
    } 
}); 

function showDisplay(){ 
    switch (miles) { 
    case $(weight).slider("value", 100) && $(incline).slider("value", 15): 
     $(miles).html("100 to 15"); 
     break; 
    case $(weight).slider("value", 75) && $(incline).slider("value", 5): 
    $(miles).html("75 to 5"); 
    default: 
    $(miles).html("nothing"); 
    } 
} 

이 시도.