My current setup includes an "open video" button and a form that triggers an ajax call to render files with the corresponding buttons when users click on handouts or videos.
I have encountered a problem:
Whenever I click on "open the video" after rendering the page, I have to click out twice to exit. My assumption is that ModalVideo is being called twice - once during rendering and once again when the form is submitted. I am seeking advice or references regarding Drupal behaviors related to forms/javascript running multiple times. Thank you.
Drupal.behaviors.customJS = {
attach: function(context, settings){
// import ModalVideo from 'modal-video';
new ModalVideo(".js-video-vimeo-btn",{channel:'vimeo'});
}
}
------UPDATED SOLUTION-------
Drupal.behaviors.customJS = {
attach: function(context, settings){
//execute this only once every time the view is updated via ajax call
$('.view-pdf-views').once(function(){
// import ModalVideo from 'modal-video';
new ModalVideo(".js-video-vimeo-btn",{channel:'vimeo'});
});
}
}