Javascript 根据变量计算货币

我用jQuery UI创建了两个数字滑块，它们将计算结果输出到

#total

根据在

#total

中生成的值，我尝试使用openexchangerates.com的api生成两种货币转换。这些附加到

ul.货币中

当页面加载时，交换值输出良好。但是，当使用滑块更改

#total

的值时，两个生成的交换值不会反映更改

更新

#total

中的值时，如何使

ul.currencies

中的兑换值更新

这是我的计算代码：

$("#total").val("0");
$("#amount").val("Amount A");
$("#amountb").val("Amount B");

$( function() {

    var p = {
        0: "zero",
        1: "one hundred",
    };
    var t = {
        0: "0",
        1: "100",
    }

    var b = {
        0: "zero",
        1: "one hundred",
    };
    var d = {
        0: "0",
        1: "100",
    }

    $("#slider").slider({

        value: "0",
        min: 0,
        max: 1,
        step: 1,
        slide: function(event, ui) {

            $("#price").val(t[ui.value]);
            $("#amount").val(p[ui.value]);
            var aaa = $("#price").val();
            var bbb = $("#priceb").val();
            $("#total").val(+1500 + +aaa + +bbb);
        }
    });

    $("#sliderb").slider({
        value: "0",
        min: 0,
        max: 1,
        step: 1,
        slide: function(event, ui) {
            $("#priceb").val(d[ui.value]);
            $("#amountb").val(b[ui.value]);
            var aaa = $("#price").val();
            var bbb = $("#priceb").val();
            $("#total").val(+1500 + +aaa + +bbb);
        }
    });

    $("#price").val('$' + $("#slider").slider("value"));
    $("#priceb").val('$' + $("#slider").slider("value"));


    // individual base values
    $("#price").val("0");
    $("#priceb").val("0"); 

这是我的汇率代码：

fx.base = "GBP";
fx.settings = {from : "GBP"};

var amount = $("#total").val();



 $.getJSON(
      'http://openexchangerates.org//api/latest.json?app_id=my_key',
      function(data) {
          // Check money.js has finished loading:
          if ( typeof fx !== "undefined" && fx.rates ) {
              fx.rates = data.rates;
              fx.base = data.base;
          } else {
              // If not, apply to fxSetup global:
              var fxSetup = {
                  rates : data.rates,
                  base : data.base
              }
          }

         // now that we have exchange rates, add a few to our page
         var USD = fx.convert(amount, {to: "USD"}); //13.22784197768393
         var EUR = fx.convert(amount, {to: "EUR"}); //8.567532636985659
         var JPY = fx.convert(amount, {to: "JPY"}); //1028.1670562349989

         $("ul.currencies").append("<li>Base value" + amount + "</li>");
         $("ul.currencies").append("<li>EUR estimate: " + EUR + "</li>");
         $("ul.currencies").append("<li>JPY estimate: " + JPY + "</li>");
      }
  );

fx.base=“GBP”；
fx.settings={from:“GBP”}；
var金额=$（“#总计”）.val（）；
$.getJSON(
'http://openexchangerates.org//api/latest.json?app_id=my_key',
功能（数据）{
//Check money.js已完成加载：
如果（外汇类型！==“未定义”和&fx.rates）{
汇率=数据汇率；
fx.base=data.base；
}否则{
//如果不是，请应用于fxSetup global：
变量fxSetup={
费率：数据。费率，
base:data.base
}
}
//现在我们有了汇率，在我们的页面中添加一些
var USD=fx.convert（金额，{to:“USD”}）；//13.22784197768393
var EUR=fx.convert（金额，{to:“EUR”}）；//8.567532696985659
var JPY=fx.convert（金额，{to:“JPY”}）；//1028.1670562349989
美元（“联邦货币”）。追加（“
基准值”+金额+”
”；
美元（“联邦货币”）。追加（“
欧元估值：“+EUR+”
”）；
美元（“联邦货币”）。追加（“
日元估算：“+JPY+”
”）；
}
);

哪些元素应该显示两种不同的货币？一把小提琴可能会把事情放在更好的角度。货币应该附加到

ul。货币

-值来自var

金额

。