如何使用带有%符号值的ERB和JQuery修改元素样式属性?

时间:2014-12-08 02:00:50

标签: javascript jquery ruby-on-rails ajax ruby-on-rails-4

我正在尝试使用Jquery和ajax修改span的style="width: 5%"属性。宽度必须是百分比值,因为它表示进度条。

在我的html.erb中,我有:

  <div class="progress success round">
    <span class="meter" style="width: <%= @project.progress %>%"></span>
  </div>

在我的js.erb中,我有:

$('.meter').css("style", "width: <%= @project.progress %>%");

这样做的结果是用@ project.progress的数值替换span作为没有包装元素的纯文本(去除了span)。

我尝试按如下方式转义javascript,将@ project.progress转换为字符串,因为j执行gsub:

 $('.meter').css("style", "width: <%= j@project.progress.to_s %>%");

我得到了相同的结果。
我的感觉是%符号弄乱了东西,不确定如何解决。
帮助赞赏

1 个答案:

答案 0 :(得分:0)

一般来说,这不是你怎么做的 $('.meter').css("width", value + "%");

我不认识你的所有语法,但我想你要找的确切代码是:
$('.meter').css('width', '<%= @project.progress %>%');