Rails: Zugriff auf Instanzvariablen aus nicht JS Inline

Question

Ich habe diesen Code in einer .html.erb Datei:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> 
<script> 
    FB.Event.subscribe('edge.create', 
     function(response) { 
      send_fb_like(); 
     } 
); 
    FB.Event.subscribe('edge.remove', 
     function(response) { 
      send_fb_unlike(); 
     } 
); 
    function send_fb_like() 
    { 
    var business_name = '<%= @consumer.name %>'; 
    alert("You liked"+consumer_name); 
    } 
    function send_fb_unlike() 
    { 
    var business_name = '<%= @consumer.name %>'; 
    alert("You unliked"+consumer_name); 
    } 

</script> 

Dies ist korrekt funktioniert, und ich kann die @ consumer.name Zugriff richtig . Allerdings, wenn ich dies zu ändern:

Wo facebook_consumer.js sieht wie folgt aus:

$(function(){ 

FB.Event.subscribe('edge.create', 
      function(response) { 
       send_fb_like(); 
      } 
    ); 
     FB.Event.subscribe('edge.remove', 
      function(response) { 
       send_fb_unlike(); 
      } 
    ); 
     function send_fb_like() 
     { 
     var business_name = '<%= @consumer.name %>'; 
     alert("You liked"+consumer_name); 
     } 
     function send_fb_unlike() 
     { 
     var business_name = '<%= @consumer.name %>'; 
     alert("You unliked"+consumer_name); 
     } 


}); 

Es wird speichern:

Sie mochte <%= @consumer.name %>. Ich habe versucht, die Datei als js.erb zu speichern, aber dann scheint es nicht zu wissen, was @consumer ist.

Irgendwelche Gedanken darüber, was der beste Ansatz ist?

Answer 1

Ihre beste Wette besteht wahrscheinlich darin, ein app-weites JS-Objekt zu erstellen, um die von Ihnen benötigten Werte zu speichern. Oben auf der Seite können Sie Elemente zu diesem Objekt hinzufügen und diese stehen für Ihre verknüpften Skripts zur Verfügung.

<script type="text/javascript"> 
    app = app || {} 
    app.keyName1 = "<%= @variable1 %>"; 
    app.keyName2 = "<%= @variable2 %>"; 
</script> 

Answer 2

Sie können Ruby-Code nicht in .js-Dateien einfügen. Wenn Sie Ruby-Code verwenden möchten, müssen Sie eine .js.erb-Datei erstellen und dann einen Teil davon rendern.

# controller 
render :partial => "/path/to/js/partial.js.erb" 

# inside your JS partial 
# you can use <%= @consumer.name %> freely in this file 
# and then add the line below to render your normal html.erb file 
$("#reviews").append("<%= escape_javascript(render(:partial => '/path/to/partial.html.erb')) %>");