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

我正在尝试创建一个Wordpress网站，其中包括帆布菜单导航。我已经使用bootstrap 3和一个叫做Flexmenu的jquery off-canvas菜单插件创建了一个主题。它运行良好，但我得到非风格的导航元素瞬间加载 - 在js计算视图端口宽度并在导航的“菜单”div中添加特定选择器时段的'闪烁'效果：'fm-lg'for> 767px和'fm-sm'为< 768px。由js添加的每个选择器都会为检测到的设备宽度生成适当的导航样式：针对移动设备的off canvas（fm-sm）和针对PC（fm-lg）的标准导航。闪烁是由于js在页面html之后加载而引起的。（因为flexmenu js在页脚中被调用）。有没有一种有效的方法来消除这个问题（重新排序js，或者将导航隐藏到页面加载完成之前） - 因为我没有重新编写菜单脚本的技能！请参阅：http://www.hyve.com.au/hyvemain 关闭画布响应菜单闪烁页面加载 - js和引导3

来源

2014-11-03 leclerk

我看不到任何“闪烁”与您提供的链接上的导航.. – Sebsemillia 2014-11-03 10:42:18

我看到一个菜单的无风格内容的闪光。尝试窗口加载而不是文档准备好菜单。也不需要使用col-xs-12，删除那个类，你会得到相同的结果。在您使用的最小列类下，它总是全宽。 – Christina 2014-11-03 20:04:47

谢谢克里斯蒂娜！ - 好点重新：col-xs-12 – leclerk 2014-11-05 02:07:09

避免将'非风格'导航为'闪烁' - 使用css将导航元素隐藏在核心css中，直到js加载响应类。向响应css添加一个声明来覆盖核心css中的'hide'属性。因此，您将隐藏导航元素，直到您的js完全加载并可用。

来源

2014-11-04 22:12:09 LeClerk

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

回答

相关问题