jquery - JQuery 或 Modernizr 不能在 IE 和其他旧版浏览器中运行？

Question

我正在尝试制作一个带有画布外导航的网站，单击左上角的“导航列表”图标会滑入。

我首先开发它并使用 CSS3 Transitions 和 :target 为它提供动力，这很有效。

然后，在 StackOverflow 的帮助下，我开发了一个由 JQuery 1.9 提供支持的版本，具有类似的效果。这个版本运行良好。

然后，我将它们组合在一起并使用 Modernizr 来检测何时不支持 :target 选择器，它会从之前加载 JQuery。我在 chrome 中尝试过，它可以工作——这意味着它在支持 CSS3 过渡和 :target 时可以工作。但是，后来我在 IE 7 中尝试了它，但它不起作用。

我不知道这是否是因为 Modernizr 和自定义 :target 测试不工作并加载 jQuery 或者 JQuery 现在由于某种原因不工作。

这是：http: //goo.gl/ztbwe

我真的很感谢所有和任何帮助，让它在支持 CSS3 转换和 :target 的浏览器中工作，当不支持任何一个时提供 & 执行 jQuery。

score 3 · Accepted Answer

您的odd()函数（menu.html 中的第 62 行）有一个额外的逗号：

function odd() {
    $('.content').animate({
        marginLeft : '20%',
        marginRight : '-20%', // <-- bad comma
    });
}

下次只需在 Internet Explorer（或任何给您带来问题的浏览器）中打开您的演示，然后点击F12（开发工具）。IE 允许您切换您希望查看页面的浏览器版本，因此如果您在 IE 中，则在开发工具中将“浏览器模式”设置为 IE7，然后打开控制台并检查您的错误。

1 回答 1