Jquery 菜单内的内容在重新加载/刷新页面时闪烁
我试着用这个插件实现一个megamenu 我成功地实现了它,唯一的问题是整个内容显示在页面刷新/重新加载完成之前。我试着把Js文件放在页眉和页脚上,在Jquery文件之后,放在准备好的文档中,没有任何帮助Jquery 菜单内的内容在重新加载/刷新页面时闪烁,jquery,html,css,drop-down-menu,Jquery,Html,Css,Drop Down Menu,我试着用这个插件实现一个megamenu 我成功地实现了它,唯一的问题是整个内容显示在页面刷新/重新加载完成之前。我试着把Js文件放在页眉和页脚上,在Jquery文件之后,放在准备好的文档中,没有任何帮助 $(文档).ready(函数(){ $(函数(){ $(窗口).resize(); }); $(“#菜单”).dmenu({ 菜单:{ logo:true, 对齐:“右” }, 项目:{ bg:没错, 边界:错, 子指标:正确, 适合:[{ 项目:空, 装配工:“图标隐藏”, 命令:“全部
$(文档).ready(函数(){
$(函数(){
$(窗口).resize();
});
$(“#菜单”).dmenu({
菜单:{
logo:true,
对齐:“右”
},
项目:{
bg:没错,
边界:错,
子指标:正确,
适合:[{
项目:空,
装配工:“图标隐藏”,
命令:“全部”
}, {
项目:空,
装配工:“仅限图标”,
命令:“全部”
}, {
项目:':不是(.dm-item_align-right),
装配工:“子菜单”,
订单:“rtl”
}, {
项目:':不是(.dm-item_align-right),
钳工:“隐藏”,
订单:“rtl”
}]
},
子菜单:{
阿罗:错,
边界:错,
影子:对
},
分项:{
bg:没错,
边界:假
}
});
});
不希望在每次单击菜单项或重新加载页面时都显示下拉列表中的内容。您可以使用loader隐藏HTML数据以显示用户 当浏览器呈现页面时,它首先呈现HTML内容 因此,您可以使用以下代码:- HTML文件的结尾添加此链接
<div class="loader"></div>
在JQuery中,您可以添加要隐藏的此行
$(function() {
$(window).resize();
$(".loader").hide();
});
我想这会有帮助。如果这个答案有帮助,请提高评分
.loader{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#fff;
}
$(function() {
$(window).resize();
$(".loader").hide();
});