css - 如何在样式标签中添加嵌入的 ruby

Question

我想动态定义状态栏的宽度。

首先我定义变量：

<% target = (clicks/total_clicks)*100 %>

然后我尝试将 ruby​​ 代码嵌入到 css 宽度标签中：

<div class="bar" style="width: <%= target %>%">

但是，html 输出看起来像这样

<div class="progress progress-striped">
<div class="bar" style="width: 0%"></div>
</div>

我试图将目标变量转换为字符串：

<% target = ((clicks/total_clicks)*100).to_s %>

我显然也尝试分配一个非动态值：

<% target = 40.to_s %>

但没有成功。

如何将 ruby​​ var 嵌入到 CSS 样式标签中？谢谢你的帮助。

Answer 1

由于您使用数字的方式，您得到 0。您正在使用Integers. 做这个：

<%= target = (Float(10)/Float(20))/100 %>

使用浮点数将允许您获得正在使用的百分比。当您使用整数时，它通常会将数字四舍五入。希望这可以帮助。

编辑：

您也可以使用该.to_f方法，而不是Float