JavaScript + Drupal

Question

我的设置:“打开视频”按钮。一个表单，当用户单击讲义或视频时，将调用 ajax 以使用按钮呈现文件。

我的问题是:

当我渲染页面并单击“打开视频”时，我必须单击两次才能退出。我认为这是因为 ModalVideo 被调用两次，一次是在渲染时调用，一次是在提交表单时调用。我想知道是否有人对运行一次的表单/javascript 上的 drupal 行为有任何指针或引用。谢谢。

Drupal.behaviors.customJS = {
  attach: function(context, settings){
     // import ModalVideo from 'modal-video';
     new ModalVideo(".js-video-vimeo-btn",{channel:'vimeo'});
  }
}

------更新的解决方案--------

 Drupal.behaviors.customJS = {
  attach: function(context, settings){
     //every time the view is updated on ajax call, run only once
     $('.view-pdf-views').once(function(){
         // import ModalVideo from 'modal-video';
        new ModalVideo(".js-video-vimeo-btn",{channel:'vimeo'});
     });
  }
 }

Answer 1

您必须使用提供给Drupal 的once() 插件。检查JS API Overview