cocoon の公式に
Callbacks (upon insert and remove of items)
On insertion or removal the following events are triggered:
cocoon:before-insert: called before inserting a new nested child, can be canceled
cocoon:after-insert: called after inserting
cocoon:before-remove: called before removing the nested child, can be canceled
cocoon:after-remove: called after removal
とあるんですが insert 時はイベントがとんでくるのに remove ではとんできません
(以下のコードで console.log が insert 時しか表示されない)
JSのエラーもなく表示自体は消えるので remove 自体は動いています
before-remove にしてもとんできません
原因がわかる方いないでしょうか
$('#favorites tbody') .on('cocoon:after-insert', (e, inserted_item) => { console.log('cocoon:after-insert'); // table を表示 $('#favorites table').removeClass('display-none'); }) // ヘッダだけになったらテーブルごと非表示に .on('cocoon:after-remove', (e, inserted_item) => { console.log('cocoon:after-remove'); if($('#favorites tbody tr').length <= 0) $('#favorites table').addClass('display-none'); });
remove ボタンはこれです
<%= link_to_remove_association f, class: 'btn btn-default' do %> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> <% end %>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。