2014-01-17 64 views
0

我想在多個UI滑塊上應用if..elseif ..條件。實際上,我希望某個滑塊顯示/隱藏取決於ui.value,但if條件無法正常工作。小提琴可以在這裏找到:http://jsfiddle.net/XWRDZ/如果條件jquery ui滑塊

代碼如下:

HTML

<div id="label">Postpaid</div><br /> 
<div id="slider-range-max"></div> 
<br /> 
<div id="slider-range-max-2"></div> 

JS

<script> 
var packageselection = 0; 

$(window).load(function() { 
    $('#slider').hide(); 
    $('#slider-range-max-2').hide(); 
}); 

    $(function() { 
    var labelArr = new Array("Postpaid", "Hybrid", "SIM Only"); 
    $("#slider-range-max").slider({ 
     min: 0, 
     max: 2, 
     value: 0, 
     step: 1, 
     change: function(event, ui) { 
     $("#label").html(labelArr[ui.value]); 
     packageselection = ui.value; 
     if (packageselection = 1){ 
       $('#slider-range-max-2').show(); 
      } 
     else if (packageselection = 2){ 
       $('#slider-range-max-2').hide(); 
      } 
     } 

    }); 
    }); 

    $(function() { 
    $("#slider-range-max-2").slider({ 
     min: 1, 
     max: 3, 
     value: 1, 
     slide: function(event, ui) { 
       } 
    }); 
    }); 
    </script> 

非常感謝您的幫助傢伙!

回答

0

等於爲======(那聲明)

if (packageselection == 1){ 
      $('#slider-range-max-2').show(); 
     } 
    else if (packageselection == 2){ 
      $('#slider-range-max-2').hide(); 
     } 
+0

Manyyy感謝您的幫助它的工作完美:) – RCB

+0

沒問題,你可以accespt答案:) –