Question

我正在使用这些脚本淡化内容，第4项是第4项，并且是灰色的悬停：

$(document).ready(function(){    
    $("div.item:nth-child(4n+4)").css("margin-right", "0px");
});

$(document).ready(function(){
    $("#main").hide().fadeIn();
});

$(document).ready(function(){
    $("img.a").hover(
        function() {
            $(this).stop().animate({"opacity": "0"}, "slow");
        },
        function() {
            $(this).stop().animate({"opacity": "1"}, "slow");
     });
});

问题是，当我加载“组合”或“acerca”页面（特别是“acerca”部分的文本）时，主要内容会在淡入之前跳转。我做错了什么？< / p>

Answer 1

尝试将这些照片加载为display：none，然后执行淡入淡出。应该帮忙

Answer 2

Esteban我认为你应该默认隐藏'#main'div，所以浏览器没有渲染它，后来在准备好的回调中做了fadein。澄清一下，你的以下HTML：

<div id="main" class="clearfix">

可以更改为

<div id="main" style="display: none;" class="clearfix">

然后更改此jquery：

$(document).ready(function(){
   $("#main").hide().fadeIn();
});

到这个

$(document).ready(function(){
   $("#main").fadeIn();
});

尝试一下，我认为它会正常工作..

顺便说一句，我是西班牙语网站编码器目前在马德里，我很快就会开始自由职业，如果你需要某些项目的网站后端代码，你可以联系我:-)

页面加载跳转jquery淡入

2 个答案: