jquery - Bulma CSS - 'nav-toggle' 不工作

标签 jquery css google-chrome nav bulma

在移动响应模式下点击导航栏菜单时,有时会阻止菜单打开。

它在本地主机上运行良好,但我注意到当部署到服务器时,菜单无法打开。还注意到浏览器之间的功能差异。

最佳答案

通过对 bulma.js jQuery 文件的破解来实现这一点。

代替:

    $toggle.click(function() {
       $(this).toggleClass('is-active');
       $menu.toggleClass('is-active');
    });

您可以确保点击功能适用于此:

    $toggle.click(function() {
       $(this).toggleClass('is-active');
       $menu.toggleClass('is-active');
       $(this).toggleClass('is-active');
       $menu.toggleClass('is-active');
    });

关于jquery - Bulma CSS - 'nav-toggle' 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44033058/

相关文章:

javascript - jQuery 的 '.focus()' 的行为不像我预期的那样

html - 谷歌浏览器 - 放大/缩小时呈现差异

javascript - 使用 jQuery 将值添加到 PHP 数组

CSS:背景图像不显示?

javascript - 如何将div背景设置为 Canvas

javascript - 如何立即删除 css 转换?

java - Selenium 网格: DevToolsActivePort file doesn't exist (unknown error: Chrome failed to start: exited abnormally)

javascript - 脚本加载不在 Android 中触发

javascript - 使用 Hammerjs 缩放图像

javascript - jQuery UI 可拖动不适用于新创建的 DOM 元素