DrupalでBootstrap系テーマを使うと、ナビゲーションの親リンクがクリックできないことへの対策

By shumpei, 20 4月, 2023

JSに以下のコードを追加。

  Drupal.behaviors.customParentClickable = {
   attach: function (context, settings) {
     const parentMenuItems = document.querySelectorAll(".navbar-nav .dropdown");

     parentMenuItems.forEach((menuItem) => {
       menuItem.addEventListener("click", function (event) {
         const targetUrl = menuItem.querySelector("a").getAttribute("href");
         if (targetUrl) {
           window.location.href = targetUrl;
         }
       });
     });
   },
 };