Javascript 此幻灯片菜单在桌面上可用，但在移动设备上不可用

这段代码在桌面上运行得很好，当浏览器大小调整到手机屏幕大小时，它可以正常工作，但在手机上，触摸屏无法打开菜单

提前谢谢。我是新来的

(function() {

        var bodyEl = $('body'),
            navToggleBtn = bodyEl.find('.nav-toggle-btn');

        navToggleBtn.on('click', function(e) {
            bodyEl.toggleClass('active-nav');
            e.preventDefault();
        });

})();

---

您忘了将jQuery添加到小提琴的外部资源中。将其添加到中，它将正常工作：

另一种选择是不依赖jQuery的普通JavaScript版本：

(function() {

    document.querySelector('.nav-toggle-btn').addEventListener('click', function (e) {
        document.body.classList.toggle('active-nav');
        e.preventDefault();
    });

})();

---

香草JS版本：

欢迎使用堆栈溢出。请将HTML和CSS添加到问题中，因为它们对问题至关重要。您可以使用Stack Snippet功能进行实时演示（在问题编辑器中按Ctrl-M）。Tnx Jonny，on mobile版本不起作用。当我触摸方块打开菜单时，什么都没有。可能是因为“点击”功能？什么是移动触摸的替代品？？？它在我的手机上工作，@Rale。你在用什么？你试过香草JS提琴吗？是的，在chrome中可以，但android浏览器不行：/谢谢！嗨，我应该在这张纸条上做些什么才能在android浏览器上工作，它在chrome、firfox和safari上工作得很好@JonnyRale，用它来找出答案。