Làm cách nào tôi có thể thực thi mã JavaScript này khi mô-đun BigPipe được bật?

Tôi tiếp tục vật lộn với việc thực thi JavaScript khi tôi cần nhắm mục tiêu một phần tử DOM được thêm qua mô-đun BigPipe khi tôi đăng nhập trên trang web Drupal của mình.

Đoạn mã sau chạy khi tôi chưa đăng nhập, nhưng nó không bao giờ được thực thi khi tôi đăng nhập.

(hàm ($) {
  'Sử dụng nghiêm ngặt';

  Drupal.behavior.bpBlockTest = {
    đính kèm: chức năng (bối cảnh, cài đặt) {
      $('.my-block', context).once('bp-block-testing').each(function () {
        var $myBlock = $(this);
        var $addOn = $('<span>addOn</span>');
        $addOn.appendTo($myBlock);
      });
    }
  }

}(jQuery));

Đối với phiên bản Drupal hiện tại, đây là cách chính xác để chạy Javascript (bao gồm jQuery, Drupal và thư viện Drupal once mới):

(hàm ($, Drupal, một lần) {
  Drupal.behaviors.myModuleBehavior = {
    đính kèm: chức năng (bối cảnh, cài đặt) {
      once('myCustomBehavior', 'input.myCustomBehavior', context).forEach(function (element) {
        // Chỉ áp dụng hiệu ứng myCustomBehaviour cho các phần tử một lần.
      });
    }
  };
})(jQuery, Drupal, một lần);

MODULE.libraries.yml hoặc THEME.libraries.yml:

bàn ăn:
  js:
    js/foobar.js: {}
  phụ thuộc:
    - lõi/drupal
    - lõi/jquery
    - lõi/một lần

Từ https://www.drupal.org/docs/drupal-apis/javascript-api/javascript-api-overview

Xem thêm https://www.drupal.org/node/3158256