amit/quantum-website-2026
1
0
Fork 0
mirror of https://github.com/thecyberlearn/quantum-website-2026.git synced 2026-08-18 18:23:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: mobile hamburger not working — wire event listeners after DOM injection

Browse Source
This commit is contained in:
Amit Rana 2026-04-15 13:46:17 +05:30
parent be5a95c5f7
commit ba93460af1
1 changed files with 32 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
shared-header.js
View File

@ -225,34 +225,23 @@
'</header>'; '</header>';
// ─── Inject header at top of body ─────────────────────────────── // ─── Inject header at top of body ───────────────────────────────
// Guard: if script runs before <body> exists (e.g. loaded from <head>), // ─── Inject + wire up hamburger ─────────────────────────────────
// wait for DOM ready instead of crashing function injectAndInit() {
function inject() { if (!document.body) return;
if (document.body) {
document.body.insertAdjacentHTML('afterbegin', headerHTML); document.body.insertAdjacentHTML('afterbegin', headerHTML);
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', inject);
} else {
inject();
}
// ─── Hamburger logic ─────────────────────────────────────────────
var burger = document.getElementById('sh-burger'); var burger = document.getElementById('sh-burger');
var nav = document.getElementById('sh-nav'); var nav = document.getElementById('sh-nav');
// Guard: bail out cleanly if injection failed for any reason
if (!burger || !nav) return; if (!burger || !nav) return;
function closeMenu() { function closeMenu() {
nav.classList.remove('sh-open'); nav.classList.remove('sh-open');
burger.setAttribute('aria-expanded', 'false'); // always string burger.setAttribute('aria-expanded', 'false');
} }
burger.addEventListener('click', function () { burger.addEventListener('click', function () {
var open = nav.classList.toggle('sh-open'); var open = nav.classList.toggle('sh-open');
burger.setAttribute('aria-expanded', String(open)); // string 'true'/'false' burger.setAttribute('aria-expanded', String(open));
}); });
document.addEventListener('click', function (e) { document.addEventListener('click', function (e) {
@ -266,6 +255,13 @@
nav.querySelectorAll('a').forEach(function (a) { nav.querySelectorAll('a').forEach(function (a) {
a.addEventListener('click', closeMenu); a.addEventListener('click', closeMenu);
}); });
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', injectAndInit);
} else {
injectAndInit();
}
})(); })();