navbar.js 922 B

123456789101112131415161718192021222324252627282930
  1. // resources/js/modules/navbar.js
  2. // 顶部导航 mobile 抽屉开关逻辑。
  3. // 来源:library/layouts/app.blade.php 内联 script(去除了无效的 mobileMenu 引用)。
  4. export function initNavbar() {
  5. const btn = document.getElementById('bcHamburger');
  6. const overlay = document.getElementById('bcOverlay');
  7. const drawer = document.getElementById('bcDrawer');
  8. const close = document.getElementById('bcDrawerClose');
  9. if (!btn) return;
  10. function open() {
  11. drawer.classList.add('open');
  12. overlay.classList.add('open');
  13. }
  14. function shut() {
  15. drawer.classList.remove('open');
  16. overlay.classList.remove('open');
  17. }
  18. btn.addEventListener('click', open);
  19. overlay.addEventListener('click', shut);
  20. close.addEventListener('click', shut);
  21. drawer.querySelectorAll('a').forEach(a => {
  22. a.addEventListener('click', shut);
  23. });
  24. }