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>
非常感謝您的幫助傢伙!
Manyyy感謝您的幫助它的工作完美:) – RCB
沒問題,你可以accespt答案:) –