页面加载时关闭画布响应菜单闪烁 - js和引导程序3答案

【问题标题】：off canvas responsive menu flicker on page load - js and bootstrap 3页面加载时关闭画布响应菜单闪烁 - js和引导程序3
【发布时间】：2014-11-03 07:04:41
【问题描述】：

我正在尝试创建一个包含用于导航的画布外菜单的 Wordpress 网站。我使用 bootstrap 3 和一个名为 Flexmenu 的 jquery 非画布菜单插件创建了一个主题。它运行良好，但我正在加载非样式导航元素 - 在 js 计算视口宽度并将特定选择器术语添加到导航的“菜单”div 期间出现“闪烁”效果：“fm-lg” for > 767px 和 http://www.hyve.com.au/hyvemain

【问题讨论】：

我在你提供的链接上看不到任何“闪烁”的导航..
我在菜单中看到一闪而过的无样式内容。尝试加载窗口而不是为菜单准备好文档。此外，不需要使用 col-xs-12，删除该类，您将获得相同的结果。在您使用的最小列类下，它始终是全宽。
谢谢克里斯蒂娜！ - 好点re：col-xs-12

标签： jquery html css twitter-bootstrap

【解决方案1】：

为了避免“无样式”导航到“闪烁” - 使用 css 隐藏核心 css 中的导航元素，直到 js 加载响应式类。向响应式 css 添加声明以覆盖核心 css 中的“隐藏”属性。因此，在您的 js 完全加载并可用之前，您将拥有隐藏的导航元素。

【讨论】：