我有一个rails create action,它会在文件中发回一些jquery:

<强> create.js.erb

var appearance = $("<%= escape_javascript(render(:partial => @appearance)) %>").effect("highlight", {color: '#E6ff00'}, 2000);
$("#sortable").append(appearance);
$("#new_appearance")[0].reset();

我已经开始使用HAML了,想知道我应该如何转换它。我可以使用js.haml吗? 如果是这样,标记应该是什么样的?

有帮助吗?

解决方案

实际上,在HAML中返回JS非常简单,只需使用:plain过滤器并在#{}中包含您想要评估的任何内容。

:plain
  var appearance = $("#{escape_javascript(render(:partial => @appearance)}").effect("highlight", {color: '#E6ff00'}, 2000);
  $("#sortable").append(appearance);
  $("#new_appearance")[0].reset();

不要使用:javascript过滤器,因为它会将所有内容都包含在标签中,这是不必要的。

如果你需要使用一些逻辑,只需将:plain放在嵌套中。

- if params[:printing]
  :plain
    $('#print-view').html("#{escape_javascript(render 'print_preview')}");

对不起ERB。

其他提示

Haml真的打算生成HTML。理论上,你可以使用 create.js.haml ,但是当你编写Javascript时,ERB会更有意义。

看起来好像你不需要每行前面的!=。以下对我来说很好。我使用Rails 3和最新版本的HAML

$('#comments_table_header').after('#{escape_javascript(render :partial => 'row', :locals => { :comment => @comment })}');

在js.haml中,它看起来像

!= "var appearance = $('<%= escape_javascript(render(:partial => @appearance)) %>').effect('highlight', {color: '#E6ff00'}, 2000);"
!= "$('#sortable').append(appearance);"
!= "$('#new_appearance')[0].reset();"

请注意HAML!=语法,该语法可防止生成的文本被HTML转义。我同意ERB更适合这里,但为了保持一致性,你可能仍然希望采用HAML方式。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top