0

我正在尝试创建多个滑块来配置托管包。我有 1 个问题和 1 个问题寻求正确方向的建议或帮助。在下面的代码中，我试图将滑块中的 UI.VALUE 除以 1，这应该给我以金钱为单位的数字。每 1000mb 将额外花费 1.00。出于某种原因，下面的数学鸿沟被忽略了。( var cost = ui.value/1; $( "#cost" ).val( "£" + cost );)

$(function() {
    $("#slider_storage").slider({
        value: 100,
        min: 0,
        max: 10000,
        step: 500,
        slide: function(event, ui) {
            $("#storage").val(ui.value + "MB");
            var cost = ui.value / 1;
            $("#cost").val("£" + cost);
        }
    });
    $("#slider_transfer").slider({
        value: 100,
        min: 0,
        max: 10000,
        step: 500,
        slide: function(event, ui) {
            $("#transfer").val(ui.value + "MB");
            var cost = ui.value / 1;
            $("#cost").val("£" + cost);
        }
    });
    $("#slider_cams").slider({
        value: 100,
        min: 0,
        max: 10,
        step: 1,
        slide: function(event, ui) {
            $("#cams").val(ui.value);
            var cost = ui.value / 1;
            $("#cost").val("£" + cost);
        }
    });
    $("#storage").val($("#slider").slider("value") + "MB");
    $("#cost").val("£" + $("#slider").slider("value"));
});

我还希望其他滑块更新价格值以及slider_storage数学问题的第一个位置，最好的方法是保持从其他滑块中减去和添加的值。

这是在 js fiddle http://jsfiddle.net/dFwtA/

感谢您在高级方面的帮助:)

4

1 回答 1

0

我为自己做了一个类似的抵押贷款计算器，检查小提琴，它可能对你有帮助:)

http://jsfiddle.net/48Hpa/19/

$(document).ready(function(){

    $(function() {
        $( "#slider1" ).slider({
          range: "min",
          value: 36,
          min: 12,
          max: 36,
          slide: function( event, ui ) {
            $( ".amount1" ).val( ui.value);
              writesum();
          }
        });
        $( ".amount1" ).val($( "#slider1" ).slider( "value" ));
      });

    $(function() {
        $( "#slider2" ).slider({
          range: "min",
          value: 50000,
          min: 1,
          max: 50000,
          slide: function( event, ui ) {
            $( ".amount2" ).val( ui.value );
              writesum();
          }
        });
        $( ".amount2" ).val( $( "#slider2" ).slider( "value" ));
      });


    function writesum() {
      var months = $('.amount1').val();
      var credits = $('.amount2').val();
      var payment = parseFloat(Number(credits) / Number(months))
      var rounded = payment.toFixed(2);
          $('.amount3').val(rounded);
    }
});
于 2013-11-02T19:13:02.603 回答