js实时计算与红宝石变量

Question

我试图实时显示红宝石变量与用户填充的输入字段之间的总数。

我尝试了下面的js，但得到了NaN。

$(document).ready(function() {
    $(".total_time").keypress(function() {
        var fee = '<%=@user.fees%>';
        fee = parseFloat(fee);
        var time = $('.total_time').val();
        time = parseInt(time);
        $(".total_charge").text(fee * time);
    });
});

以下是输入字段：

<input class="form-control total_time" name="total_time" placeholder="2" type="text"></input>

Answer 1

问题是使用<%= %> erb容器公开该值。

我不得不更改代码以使用data

$(document).ready(function() {
  $(".total_time").keyup(function() {
    var fees = $('#user_fees').data('source');
    fee = parseFloat(fees);
    var time = $('.total_time').val();
    time = parseInt(time);
    var total = fees*time
    $(".total_charge").text(total);
  });
});