javascript - HAML 中动态生成的 Javascript

Question

为什么这不起作用？

:javascript
    -[1,2,3].each do |number|
        $("#form_#{number}").my_method();

Rails 给我一个错误，说变量number没有定义。

Answer 1

过滤器的内容不会被解释为 Haml。你可以使用#{...}插值，这就是你看到错误的原因 - 过滤器看到#{number}in "#form_#{number}"，但上面number定义的行只是按原样传递，不被视为 Ruby，就 Ruby 而言number仍然未定义。

在这种情况下，您可以执行以下操作：

:javascript
    #{[1,2,3].map do |number|
        "$(\"#form_#{number}\").my_method();"
    end.join("\n")}

虽然这有点笨拙。

一个更清晰的解决方案可能是创建一个帮助方法来创建 javascript，您可以从过滤器中调用它：

def create_js(arr)
  arr.map do |number|
      "$(\"#form_#{number}\").my_method();"
  end.join("\n")
end

Haml 将是

:javascript
    #{create_js([1,2,3])}

Answer 2

您的 javascript 中有 ruby​​ 语法，这显然行不通。您可以使用像 underscore.js 这样的库并像这样遍历您的数组：

_.each([1, 2, 3], function(number){
    $("#form_" + number).my_method();
});

试试看。

或者你可以使用 jQuery 的 each：

$.each([1, 2, 3], function(i, number){
     $("#form_" + number).my_method();
});