2个依赖的jQuery-UI滑块

时间:2012-03-30 16:03:50

标签: jquery user-interface sliders

我正在尝试使用2个jQuery-UI Sliders开发贷款模拟器。

第一个滑块(prazo)表示贷款的长度(以月为单位) 第二个滑块(mensalidade)表示您在贷款期间每月支付的金额。

滑块当然取决于所需的数量。

我拥有MySQL数据库中的所有数据。

第一个滑块正常工作。对于1000的金额,有2个长度:48和72个月,有2个不同的贷款金额 48个月 - 301.88 72个月 - 188.88

第一个问题:menalidade(第二个滑块)的值丢失了它的小数部分 - 变为301和188而不是300.88和187.88

第二个问题:如果我们开始滑动第一个滑块,第二个滑块会冻结,反之亦然。

第三个问题:有没有更好的方法来过滤我的json?或者我应该改变json结构?怎么样? 我的json文件: - beta.classificados.mpl.pt/clientes/cofidis/filter.php?filtro=prazo&prazo=48&montante=1000(滑块1)

  • beta.classificados.mpl.pt/clientes/cofidis/filter.php?filtro=mensalidade&mensalidade=187.88%E2%82%AC&montante=1000(for slider 2)

我正在做的是:

$.each(data, function (key, value) {
    console.log(key, value);
    if (key > 0) {
        $("#partner_id").val(value.partner_id);
        $("#partner_desc").val(value.partner_desc);
        $("#oferta_id").val(value.oferta_id);
        $("#seguro_id").val(value.seguro_id);
        $("#seguro").val(value.seguro);
        $("#mtic").val(value.mtic);
        $("#tan").val(value.tan);
        $("#taeg").val(value.taeg);
    }
});

第四个问题:第一个滑块非常简单 - 我知道min和max以及step值,因为它或多或少是静态的,并且由于步长为6,对json文件的调用较少。 但对于第二个滑块,我必须将步骤放在1,因为它可以传递所需的值。因此,它在滑块的每一步调用json文件。 我认为这会导致滑块更新需要很长时间。

我在这里设置了一个小提琴:http://jsfiddle.net/mjpramos/3m7wy/7/ 你可以在http://beta.classificados.mpl.pt/clientes/cofidis/simulador.php

查看

0 个答案:

没有答案