This is my first Drupal 8 project and I have a problem to discover how to attach an additional event handler to an object.
I'm working on a custom theme using Radix as a base theme. I'm using Superfish as a menu module.
One of the problems is that Superfish creates a menu & # 39; root & # 39; additional call & # 39; Menu & # 39; that is displayed when you click on the menu of the Bootstrap burger. Afterwards, you must click on & # 39; Menu & # 39; to show the real menu (accordion).
I found a snippet of code in a problem: https://www.drupal.org/project/superfish/issues/2891228 that hides the & # 39; Menu & # 39; option, but I can not make it work.
I have configured a library definition and created a & # 39; script.js & # 39;
import "popper.js";
import "bootstrap";
(function ($, Drupal) {
Drupal.behaviors.helloWorld = {
attach (context) {
console.log ("Hello World");
}
};
Drupal.behaviors.myMainMenu = {
attach (context) {
console.log ("myMainMenu:" + context.toString ());
$ (". navbar-collapse", context) .once (& # 39; myMainMenu & # 39;). in (
"shown shown.bs.collapse show.bs.collapse",
() => {
console.log ("navbar-collapse");
if (! $ ("# superfish-main-accordion"). hasClass ("sf-expanded")) {
console.log (& # 39; not expand & # 39;);
$ (". superfish-main-toggle")
.click()
.hide();
}
});
}
};
}) (jQuery, Drupal);
I know the script runs, because I see & # 39; Hello World & # 39; and & # 39; myMainMenu & # 39; + Sometimes glob in the console. But I never manage to get the other messages from the console.
I also know that the code in the if statement is correct, because if I execute it manually in the console, it works as expected.
What should be the correct code?
