如何使用 cocoon gem 屏蔽输入？

Question

So, I have an javascript like this:

$(document).on("turbolinks:load", function() {
 $('#client_phone').mask('(00)00000-0000');
});

It works only for the first element, when I click on "add new fields", the mask doesn't apply. So I tried using cocoon callbacks, like this:

$(document).on('turbolinks:load', function() {
 $('#phone_clients').on('cocoon:after-insert', function() {
  $('#client_phone').mask('(00)00000-0000');
 });
});

But it doesn't work, I have tested using alert('something') inside the callback and it has appeared. So I have no idea why the mask isn't applying.

Could you guys, please, help me?

Answer 1

Try the below:

$(document).on('turbolinks:load', function() {
   $('#phone_clients').on('cocoon:after-insert', function(e, insertedItem) {
      $(insertedItem).find('#client_phone').mask('(00)00000-0000');
   });
});