文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery fadeIn/Out IE问题-令人沮丧

问jquery fadeIn/Out IE问题-令人沮丧
EN

Stack Overflow用户

提问于 2011-01-13 21:28:36

回答 3查看 413关注 0票数 0

请帮帮我，我快疯了。

我有绝对/相对(尝试了两个)定位div都有类的盒子。单击时，我希望div淡出，然后正确的div淡入。除了IE 6和7(有时是8)之外的所有浏览器都能正常工作。它们淡出，但什么也不会淡入。我在网上找遍了这类问题，但是没有任何帮助。请帮帮我。

这是代码

$("li#about").click(function(){
   $box.fadeOut(200);
   $("div#about").delay(800).fadeIn(800);
});

$("li#portfolio").click(function(){
    $box.fadeOut(200);
    $("div#portfolio").delay(800).fadeIn(800);
});

等等......

我遗漏了什么？演示在这里-死链接！

jquery

animation

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-01-13 21:42:13

如果我没看错的话，您是否有多个具有相同ID的HTML标记，即使它们是不同类型的标记？例如，li#about和div#about。也许Internet Explorer会更喜欢他们有唯一的ID？

票数 1

Stack Overflow用户

发布于 2011-01-13 22:00:46

我会在你的主导航中添加一些缓存，这样当JavaScript关闭时，你就可以通过键盘访问它们了。然后，您可以通过执行以下操作使脚本变得更小：

<div id="nav">
<ul>
    <li><a href="#about">about</a></li>
    <li><a href="#portfolio">portfolio</a></li>
    <li><a href="#social">social</a></li>
    <li><a href="#contact">contact</a></li>
</ul>

$("#nav li a").click(function(){
    $box.fadeOut(200);
    $($(this).attr('href')).delay(800).fadeIn(800);
});

票数 1

Stack Overflow用户

发布于 2011-01-13 21:41:26

你没有定义$box。在IE中，你需要这样定义它：

var $box = .........

您还需要使用$nav执行此操作

编辑脚本中不起作用的元素是您未定义的

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4680558

复制

相似问题

问jquery fadeIn/Out IE问题-令人沮丧
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery fadeIn/Out IE问题-令人沮丧EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery fadeIn/Out IE问题-令人沮丧
EN