多个.hide侦听器上的jQuery IE7错误
多个.hide侦听器上的jQuery IE7错误
提问于 2010-03-10 06:55:27
我正在构建一个产品页面，可以在这里看到(http://n9nemedia.net/v2/products/)，脚本以一种奇特的方式(不是用一个侦听器隐藏多个div完美地工作-可以在这里看到http://www.supercentral.net/downloads，点击僵尸地图包下的“阅读列表”)。
我的问题是，我可以做些什么来让(http://www.n9nemedia.net/v2/products/)在IE7中工作？
代码示例：
jQ(".prod-details-web").hide();
jQ(".prod-details-dev").hide();
jQ(".prod-details-grow").hide();
jQ(".prod-details-brand").hide();
jQ(".prod-details-3g").hide();
jQ(".prod-expand-web").click(function(event) {
jQ(".prod-details-dev").slideUp("fast");
jQ(".prod-details-grow").slideUp("fast");
jQ(".prod-details-brand").slideUp("fast");
jQ(".prod-details-3g").slideUp("fast");
jQ(this).parents(".prodcontent")
.find(".prod-details-web").slideDown("slow");
});
jQ(".prod-collapse-web").click(function(event) {
jQ(this).parents(".prod-details-web").slideUp("fast");
event.preventDefault();
jQ(".prod-details-web:hidden").show();
});其目标是在每次点击时只显示一个产品。而不是在单击时取消隐藏所有div。该脚本在除IE7之外的所有浏览器中都能正常工作。在Chrome、火狐、Safari和IE8 *上工作，我已经亲自检查过了。
有什么建议吗？
回答 1
Stack Overflow用户
发布于 2010-03-10 13:18:59
已更改：
jQ(this).parents(".prodcontent") .find(".prod-details-web").slideDown("slow")；})；
至：
jQ(this).parents(".prodcontent") .find(".prod-details-web").show("slow")；})；
现在，它可以在IE7中完美地工作了。
这很好用，直到我清理了缓存，发现Chrome和Safari中有一个奇怪的行为。如果您想在浏览器之间保持相同的动画流畅性，则需要在此之上使用条件语句
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
.find(".prod-details-web").show("slow");
@else @*/
.find(".prod-details-web").slideDown("slow");
/*@end @*/ 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2413252
复制相关文章
相似问题
腾讯云开发者
