我已经使用 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