Rendern erb teilweise in JS-Datei rendert eine Zeichenfolge

Question

Ich versuche, eine partielle innerhalb meiner Js-Datei zu rendern und an meine HTML bei einem Javascript-Ereignis (klicken Sie auf). Ich habe versucht, dies zu folgen und die escape_javascript-Methode zu verwenden: Rendering partial in js.erb file aber leider funktioniert es nicht. Dies ist meine js-Datei:

$(document).ready(function(){ 
     $("#add_resident").click(function(){ 
      $(".resident").append('<%= escape_javascript(render partial: "resident_form") %>'); 

     }) 

}) 

dies mein Teil ist:

<%= label_tag "first name" %> 
<%= text_field_tag "resident[:first_name]" %> 
<%= label_tag "last name"%> 
<%= text_field_tag "resident[last_name]" %> 
<%= label_tag "birthdate"%> 
<%= text_field_tag "resident[birthdate]" %> 

das Javascript in der Tat auf dem .click Ereignis ausgelöst wird, aber es ist Rendering <% = escape_javascript (render Teil: „resident_form ")%> als String. Was ist der richtige Weg, um das zu beheben?

Answer 1

Hey Ihr Code sollte sein:

$("#add_resident").click(); 
$(".resident").append('<%= escape_javascript(render partial: "resident_form") %>'); 

das alles ist, kann diesen Code nicht brauchen $(document).ready(function(){}), denn wenn Server gibt diese Javascript, Ihrer Ansicht nach war schon fertig!

Answer 2

Versuchen Sie dies in der JS gerendert.

$(".resident").append('<%= escape_javascript(render partial: "resident_form").html_safe %>');