javascript - jQuery Slider 调用另一个函数

Question

我是 jQuery slider 的新手，所以请耐心等待!

我想根据 slider 值使用不同的输入调用我的 updateData(input) 函数，但发现当我使用 if 语句时，它只允许一个条件:

<div id="slider"></div>

<script>
$('#slider').slider({
    orientation: 'horizontal',
    step: 5,
    value: 0,
    animate: true,
    slide: function(event, ui) {
        if(ui.value > 50){
            updateData("data/commodities3.json")
        }
        else if(ui.value > 75){
            updateData("data/commodities2.json")
        }
    }
});
</script>

任何有关如何实现这一目标的建议将不胜感激。谢谢。

Answer 1

你的问题在于你如何定义你的条件。显然，如果你先捕获所有大于 50 的内容，那么就不会经历检查 else 条件的麻烦。

首先检查最大的数字可以解决这个问题:

if (ui.value > 75) {
    updateData("data/commodities2.json")
} else if (ui.value > 50) {
    updateData("data/commodities3.json")
}