-1

我正在使用这些脚本淡入内容，margin-right 0 第四项并进行灰色悬停：

$(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”部分上的文本）时，主要内容在淡入之前会跳转。我做错了什么？

4

2 回答 2

1

尝试将这些图片加载为 display: none 然后进行淡入淡出。应该有帮助

于 2012-09-11T14:43:09.010 回答
1

Esteban 我认为你应该默认隐藏'#main' div，这样浏览器就不会渲染它，然后在准备好的回调中进行淡入淡出。为了澄清，您的以下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();
});

试试吧，我想它会工作得很好。。

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

于 2012-09-11T14:54:54.930 回答