我已經使用 javascript 為移動設備創建了這個切換菜單，但這不起作用

Question

我已經使用 javascript 為移動設備創建了這個切換菜單，但這不起作用

const selectElement = (s) => document.querySelector(s);
selectElement(s: '.open').addEventListener('click', () => {
    selectElement(s:'nav-list').classList.add('active');
});
selectElement(s:'.close').addEventListener('click', () => {
    selectElement(s:'nav-list').classList.remove(tokens:'active');
});

Answer 1

看起來您的查詢參數中有一些額外的冒號。 您不需要s:除非您將參數作為 object 傳遞。

您可以刪除額外的 object 表示法：

const selectElement = (s) => document.querySelector(s);
selectElement('.open').addEventListener('click', () => {
    selectElement('nav-list').classList.add('active');
});
selectElement(close').addEventListener('click', () => {
    selectElement('nav-list').classList.remove('active');
});

或在 function selectElement的參數周圍添加括號並將其轉換為 object 解構：

const selectElement = ({ s }) => document.querySelector(s);
selectElement({ s: '.open' }).addEventListener('click', () => {
    selectElement({ s: 'nav-list' }).classList.add('active');
});
selectElement({ s: '.close' }).addEventListener('click', () => {
    selectElement({ s: 'nav-list' }).classList.remove('active');
});

我推薦第一個選項，因為使用 function 參數的對象只有在您嘗試跟蹤多個參數時才真正有幫助。

無論哪種情況，您都想刪除tokens:從classList.remove() function