Question

我的http://derek.genevievehoward.com/网站不会在Firefox中显示，即使HTML和CSS有效。身体在CSS中有display:none;，但我的脚本应该用Javascript淡化身体。

当我查看Firefox中的开发人员工具时，它会加载所有脚本，CSS和HTML，但似乎不会发生淡入淡出。我的猜测是，当页面加载时Javascript没有自动执行，但我不知道为什么会这样。

我已经尝试评论我的CSS链接，然后我的链接将加载到jQuery的其他内容。

Answer 1

你要两次调用script.js，我建议你从头文件中取出第一个。您还应该将jquery函数放在文档就绪函数中。

e.g。

$(document).ready(function() {
$(this).css("display", "block");
    //Fade in
    $("body").fadeIn(2000, function () {
        notify("My page is currently being changed. Expect brokenness.");
        $("article").fadeIn(1000);
    });

    //Link fades
    $("nav a").hover(function () {$(this).fadeTo(300,1)},function () {$(this).fadeTo(300,.3)});

    //notifications
    function notify(message) {
        document.getElementById("notifyText").innerHTML = message;
        $("#notification").fadeIn(500).fadeOut(4000);
    }

    //fade new content
    function fadeLoad(newUrl) {
        $("article").fadeOut(1000,function () { 
            $("article").load(newUrl, function () { 
                $("article").fadeIn(1000);
                });
        })
    }
    });

有效的网页显示在WebKit浏览器和IE中，但不显示在Firefox中

1 个答案: