jQuery ui Accordion degrades in IE6 or IE7, but is working in IE8
我的页面上有两个手风琴,另一个文件中有自定义手风琴CSS,按类和ID名称区分,以免彼此冲突。手风琴根本不显示,它们只是退化为一次显示所有内容,就好像所有手风琴样式都消失了一样。手风琴都在页面中间调用,如果它们都装有$(document).ready,则没有什么区别。我应该在CSS文件中检查什么?
没有内联块用途。
我使用的是jQuery 1.3.2.min和jQuery ui 1.7.2,所以我假设将autoHeight设置为false不会有所作为...正在基于Symfony的网站中使用。<铅>
在FF,IE8,Chrome中正常运行。在IE6,IE7 / IE8兼容模式下不是很多。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | $(function() { $("#accordion").accordion({ active: false, autoHeight: false, collapsible: true, icons: { 'header': 'ui-icon-carat-1-e', 'headerSelected': 'ui-icon-carat-1-s', } }); $(".links").accordion({ active: false, autoHeight: false, collapsible: true, }); }); |
嗯,是的。死亡逗号。删除并正常工作。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | $(function() { $("#accordion").accordion({ active: false, autoHeight: false, collapsible: true, icons: { 'header': 'ui-icon-carat-1-e', 'headerSelected': 'ui-icon-carat-1-s' } }); $(".links").accordion({ active: false, autoHeight: false, collapsible: true }); }); |
用引号引起的死亡和Internet Explorer可能是**年代中的真正痛苦。您可以尝试使用
在整个项目中运行正则表达式搜索
1 | ,\\s*?\\]|,\\s+} |
用于在项目中查找这些尾随逗号。
在您的情况下,这是" collapsible:true"后面的逗号
1 2 3 4 5 6 | $(".links").accordion({ active: false, autoHeight: false, collapsible: true // removed comma }); |