我正在做一个社区维基,原因有三:
>我不觉得我有一个明确的答案,但是
>我已经停了需要一个答案,因为我滚动了我自己的手风琴功能
>这个问题有很多意见,所以很多人仍然感兴趣
所以如果有人想改变/澄清这个问题,并做出明确的指导,那就是我的客人。
我正在使用jQuery的accordion UI element在一个页面上工作。我建模了我的HTML,除了在< li>元素,我有一些无序的链接列表。喜欢这个:
$(document).ready(function() { $(".ui-accordion-container").accordion( {active: "a.default",alwaysOpen: true,autoHeight: false} ); }); <ul class="ui-accordion-container"> <li> <!-- Start accordion section --> <a href='#' class="accordion-label">A Group of Links</a> <ul class="linklist"> <li><a href="http://example.com">Example Link</a></li> <li><a href="http://example.com">Example Link</a></li> </ul> <!--and of course there's another group -->
问题:IE动画恶臭
虽然IE7动画化文档的手风琴菜单的例子很好,但它与我的问题。具体来说,页面上的一个手风琴菜单抖动起来并具有闪光的内容。我知道这不是一个CSS问题,因为如果我不包括我的CSS文件,同样的事情会发生。
页面上的另一个手风琴菜单打开您单击的第一个部分,之后,将不会打开其中任何一个。
这两个问题都是IE特有的,如果我使用选项动画:false,都会消失。但是我想保留默认的幻灯片动画,因为它有助于用户了解菜单的作用。
还有另一种方式吗?
解决方法
最终结果最终没有html文档的文档类型(一些开发人员已经删除它)。缺少一个doctype意味着IE 7以奇怪的方式运行,并且由JQuery手风琴发布的内联CSS表现得很流畅。
考虑添加:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在您的masterpage或html文档的顶部(如果尚未定义一个doctype)。
实际上整个网站专门用于怪癖模式行为。您可以查看一篇关于Quirks Mode here的文章。我wrote a post其中有一些更多关于故障排除的信息。
原文地址:https://www.jb51.cc/jquery/182314.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。