ｊｓで1回目にボタンを押してもイベントが発火されない。

Question

railsでlink_toにremoto_trueオプションをつけて非同期でdestroyアクションを実装しようとしています。
ページを読み込み削除ボタンを押しても一度目はイベントが発火しません。（console.logが実行されないため）。ですが、データベースのテーブルは削除されています。ターミナルのログをみて確認済み。二回目に押すとイベントが実行され期待している動作が発動します。
どうしてこのように一度目ではJsがなにも作動せず、二度目からうごくのか,教えていただきたいです。
解決法も併せてお願いします。

app/views/posts/_index.html.erb
`<div class="contents">
<% posts.each do |post| %>
<div class="content" %>">
<%= post.text %>
<%= link_to "削除する",post_path(post),method:"delete",class:"kill",remote:true %>
</div>
<% end %>

</div>`

app/views/posts/index.html.erb
`<div class="contents">
<% posts.each do |post| %>
<div class="content" %>">
<%= post.text %>
<%= link_to "削除する",post_path(post),method:"delete",class:"kill",remote:true %>
</div>
<% end %>

</div>`

app/controller/posts.controller.rb
def destroy @post = Post.find(params[:id]) @post.delete respond_to do |format| format.js format.json end end

app/views/posts/destroy.js.erb
$('.kill').on('click',function(e){ console.log("hi"); $(this).parent().fadeOut(); });

Comments

[kyoya0819]

複数行にわたるコードは

```言語名

コード

```
の書式でお書きください。

[makao1987]

すいません。教えていただきありがとうございます。以後、気をつけます。

[kyoya0819]

質問・解答は編集することが可能です。

[makao1987]

ご指摘ありがとうございます。編集しました。以後気をつけます。

Answer 1

app/views/posts/destroy.js.erb
$('.kill').on('click',function(e){ $(this).parent().fadeOut(); });この記述を
$('.kill').on('ajax:success',function(){ $(this).parent().fadeOut(); });
このように変更したら1回目で反映されました。