时间戳

首页 > 解决方案 > 使用 ruby​​ 变量进行 js 实时计算

javascript - 使用 ruby​​ 变量进行 js 实时计算

问题描述

我正在尝试实时显示 ruby​​ 变量乘以用户填充的输入字段之间的总数。

我尝试了下面的 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>

标签： javascriptruby-on-railsruby

解决方案

问题是使用<%= %>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);
  });
});

推荐阅读