使用jquery.mmenu插件时添加加载图像

时间:2016-04-23 22:51:46

标签: jquery html css3 mmenu

我已经尝试了所有的建议,但似乎没有人使用这个插件。我没有使用ajax调用,延迟是由于某些数据映射渲染问题。

我遵循了这个方法:http://bradsknutson.com/blog/display-loading-image-while-page-loads/

尽管我在html的开头添加了div标签,当我调试代码时,我看到它在属于插件的许多div标签之后。总结一下,它不在html的顶部。

.js和.css在示例中是相同的。

所以我有

HTML

<div class="loader"></div>

CSS

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

JS

$(window).load(function() {
    $(".loader").fadeOut("slow");
})

旁注:我尝试将fadeOut替换为hide()。

此方法无效,谢谢

1 个答案:

答案 0 :(得分:1)

看起来你需要使用:

("#loading").fadeOut("slow");

enter image description here