JSファイル内でerb partialをレンダリングすると、文字列がレンダリングされます

Question

私のjsファイル内の部分をレンダリングし、javascriptイベント（クリック）でHTMLに追加しようとしています。私はこれに従い、escape_javascriptメソッドを使用しようとしました：Rendering partial in js.erb file しかし、残念ながらそれは動作しません。 これは私のjsファイルである：これは私の部分である

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

     }) 

}) 

：

​​

ジャバスクリプトが実際に.clickイベントでトリガされますが、それは（部分的にレンダリング= escape_javascript <%をレンダリングしている：「resident_formを"）％>を文字列として返します。それを修正する正しい方法は何ですか。

Answer 1

ねえ、あなたのコードは次のようになります。サーバはこのJavaScriptを返すとき、あなたのビューがすでに準備ができていたので、すべてです

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

、このコード$(document).ready(function(){})は必要ありません！

Answer 2

JSレンダリングでこれを試してください。

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