Execute javascript on html partial render in Ruby on Rails

Question

I am trying to get some elements of a partial whenever it is rendered. The problem is that I can use document.addEventListener('DOMContentLoaded', () => {}); when the whole page is rendered but I am not able to figure out how to get the elements everytime the html partial is rendered.

js code

window.addEventListener('DOMContentLoaded', () => { 
  document.querySelectorAll('answer_choices');
});

How can I call this event whenever the partial is rendered. I can include the javascript file in the partial itself but it creates a lot of overhead. So this javascript file is included in the main html file but I want the querySelectorAll function to be triggered whenever the html partial is rendered. How can I do the same?

Vasiliy Novikov · Accepted Answer · 2020-02-17 11:01:20Z

1

If you use Jquery - you can do it in that way:

$(function() {
   document.querySelectorAll('answer_choices');
})

answered Feb 17, 2020 at 11:01

Vasiliy Novikov

3591 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Lax_Sam Over a year ago

Actually I have the task of migrating from jQuery to vanilla js. That's why I'm using vanilla js.

Vasiliy Novikov Over a year ago

So you can use the source code of that Jquery function :) github.com/jquery/jquery/blob/…

Lax_Sam Over a year ago

Ok. Is there anyway to find out if a part of html is reloaded without reloading the whole page in vanilla javascript?

Collectives™ on Stack Overflow

Execute javascript on html partial render in Ruby on Rails

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related