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

Question

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

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

我尝试注释掉我的 CSS 链接，然后我的链接将使用 jQuery 加载到其他内容中。

Answer 1

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

例如

$(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);
                });
        })
    }
    });