HAML 내에서 동적으로 생성 된 자바 스크립트

Question

왜 작동하지 않습니까?

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

레일 변수 number가 정의되어 있지 말하는 나에게 오류를 제공합니다.

Answer 1

필터의 내용은 HAML으로 해석되지 않습니다. 그러나 보간에 #{...}을 사용할 수 있습니다. 그 이유는 필터가 #{number}이 "#form_#{number}" 인 것을보고 있지만, number이 정의 된 위의 행은 단순히 그대로 전달되고 루비로 처리되지 않으므로 훨씬 멀리 있습니다. Ruby가 걱정하는 것처럼 number은 아직 정의되지 않았습니다. 그 조금 다루기 비록

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

: 당신이 뭔가를 할 수있다이 경우

.

명확한 솔루션을 사용하면 필터에서 호출 할 수있는 자바 스크립트를 생성하는 도우미 메서드를 만들 수 있습니다 경우,

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

Answer 2

자바 스크립트에 루비 구문이 있는데 분명히 작동하지 않습니다. underscore.js와 같은 라이브러리를 사용하여 다음과 같이 배열을 반복 할 수 있습니다.

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

시도해보십시오.

또는 당신은 jQuery의 각 사용할 수 있습니다

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