Question

我有一个基本的滑块，可显示用户根据他们当前从音乐中制作的销售量来节省多少钱。我想添加一个IF语句，上面写着“如果滑块值低于300年销售额，则回收0英镑”。

我目前使用的代码具有线性计算，每100个销售额节省5英镑（data.value / 20）。这是代码：

<form action="#">
    <input id="one" type="text" data-slider="true" value="100" data-slider-highlight="true" data-slider-step="50" data-slider-snap="true">
    <span class="output"></span>
</form>

<script>
    $("[data-slider]")
        .each(function () {
            var input = $(this);
        })
        .bind("slider:ready slider:changed", function (event, data) {
            $(this).nextAll(".output:first").html(data.value.toFixed(0));
        });
    $("#one").bind("slider:changed", function (event, data) {
        $(".distributor span").text("£" + data.value / 20)
    });
</script>

关于如何添加IF语句的任何想法？

Answer 1

假设我有正确的代码部分：

$("#one").bind("slider:changed", function (event, data) {
    var
        dataValue = data.value,  /* Store data.value in a variable */
        value = dataValue < 300  /* Check if our variable's value is below 300 */
                ? 0              /* If it is, set value to 0 */
                : dataValue / 20 /* Otherwise set value to dataValue / 20 */
    ;

    $(".distributor span").text("£" + value)
});

这使用conditional (or ternary) operator来确定我们的结束“值”变量的值应该是什么。

Answer 2

$("#one").bind("slider:changed", function (event, data) {
  if(data.value>300){
    $(".distributor span").text("£" + data.value / 20)}
  else{$(".distributor span").text("£ 0")
  }
});

如何在此javascript代码中添加IF语句？

2 个答案: