2014-01-17 2 views
0

Я пытаюсь применить if..elseif .. условие для нескольких слайдеров пользовательского интерфейса. Практически я хочу, чтобы определенный слайдер показывал/скрывал в зависимости от ui.value, но условие if работает неправильно. Скрипку можно найти здесь: http://jsfiddle.net/XWRDZ/Если условия на jquery ui slider

код ниже:

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

равно является == или === не = (Thats декларация)

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

Manyyy Спасибо за помощь его не работает отлично :) – RCB

+0

Нет проблем, вы можете accespt ответ :) –