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 %>

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

编辑:

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