这个幻灯片菜单在桌面上工作，但在移动设备上没有

Question

https://jsfiddle.net/8x2b040p/3/embedded/result/

此代码在桌面上完美运行，何时将浏览器大小调整为移动屏幕尺寸工作，但在移动设备上无法打开触摸菜单。

提前致谢。我是新来的！

(function() {

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

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

})();

Answer 1

您忘了将jQuery添加到小提琴的外部资源中。添加它并且它可以工作：https://jsfiddle.net/8x2b040p/4/embedded/result/。

另一种选择是不依赖于jQuery的vanilla JavaScript版本：

QTimer

Vanilla JS版本：https://jsfiddle.net/8x2b040p/5/