我试图创建一个包含用于导航的画布菜单的Wordpress网站。我使用bootstrap 3和一个名为Flexmenu的jquery off-canvas菜单插件创建了一个主题。它运作良好,但我正在加载非风格的导航元素 - 一个闪烁的'闪烁的' js计算视口宽度时的效果,并将特定的选择器术语添加到导航菜单' div:' fm-lg'对于> 767px和' fm-sm'对于< 768px。由js添加的每个选择器为检测到的设备宽度生成适当的导航样式:移动设备的画布(fm-sm)和PC的标准导航(fm-lg)。引起闪烁,我猜是因为js是在页面html之后加载的。 (因为在页脚中调用flexmenu js)。是否有一种有效的方法来消除这个问题(重新排序js,或者将导航的样式设置为隐藏,直到页面加载完成) - 因为我不具备重新编辑菜单脚本的技能!见:http://www.hyve.com.au/hyvemain
答案 0 :(得分:1)
避免'非样式'导航到'闪烁' - 使用css隐藏核心css中的导航元素,直到js加载响应类。向响应式css添加声明以覆盖核心css中的“hide”属性。因此,您将拥有隐藏的导航元素,直到您的js完全加载并可用。