HAML中動態生成的Javascript

Question

爲什麼不能正常工作？

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

Rails給我一個錯誤，說變量number沒有定義。

Answer 1

過濾器的內容不被解釋爲Haml的。您可以使用#{...}進行插值，這就是爲什麼您會看到錯誤 - 篩選器會在"#form_#{number}"中看到#{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([1, 2, 3], function(i, number){ 
    $("#form_" + number).my_method(); 
});