JQuery或Modernizr不能在IE和其他传统浏览器中工作吗？

Question

我正在尝试创建一个带有画布外导航的网站，点击左上角的“导航列表”图标即可滑入。

我首先使用CSS3 Transitions开发它并使用它来驱动它：target和它的工作原理。

然后，在StackOverflow的帮助下，我开发了一个由JQuery 1.9驱动的版本，具有类似的效果。这个版本工作正常。

然后，我将它们结合起来并使用Modernizr来检测何时：不支持目标选择器，它从之前加载JQuery。 我在chrome中尝试过它并且它有效 - 这意味着当支持CSS3 Transitions和：target时它可以工作。 但是，然后我在IE 7中尝试了它并且它不起作用。

我不知道这是因为Modernizr和自定义：目标测试无法正常工作并加载jQuery，或者由于某种原因JQuery现在无法正常工作。

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

我非常感谢所有和任何帮助，使其在支持CSS3过渡的浏览器中工作，并且：目标和何时不支持提供＆amp;执行jQuery。

Answer 1

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

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

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