jQuery 手风琴 +锚标记“卡为块”漏洞？

Question

示例页面：

http://jsbin.com/ohuze/2

这是一个简单的 jQuery UI 手风琴。每个手风琴面板都有一个带有以下标记的 UL（OL 的工作原理相同）：

<ol>
        <li><a href="">Lorep ipsum dolor lorem ipsum dolor lorem ipsum dolor</a>?</li>
        <li><a href="">Lorep ipsum dolor lorem ipsum dolor lorem ipsum dolor</a>?</li>
</ol>

在 IE6 中，您将看到 。标签似乎被渲染为块元素，因此问号最终被推到外面而不是文本行的末尾。此外，项目符号和/或列表项编号现在与文本底部对齐，而不是顶部对齐。

我已将其范围缩小到执行制作手风琴的 javascript。这不是 jQuery 的 CSS 的问题，因为单独禁用 CSS 并不能解决问题。

有人知道 IE6 中可能发生的情况会导致此渲染问题吗？

更新：显然，这也是 IE7 的问题。

更新 2：经过更多的游戏，我已经缩小了范围：

• 该错误与列表无关。问题是 jQuery Accordion 中的任何锚标记都将显示为 display: block（即使看起来 CSS 仍然指示 display: inline）

• 该错误与 jQuery UI 用于创建的实际 CSS 无关手风琴。我创建了一个测试页面，该页面使用完全渲染的 jQuery Accordion 后处理源代码和随附的 CSS。在这种情况下，锚标记保持内联。

结论：看来通过 JavaScript 渲染手风琴的过程弄乱了锚标记的显示。这可能是显示/隐藏问题？

Answer 1

解决方案：

事实证明（毫不奇怪）这是 IE6 的 has-layout 问题。当 jQuery UI 开始构建 Accordion 时，锚标记不知何故失去了布局（或者它们被赋予了 has-layout？）。解决方案是添加一个回调函数，将其重新设置为（我认为）不具有布局：

$('.myDiv').accordion({ 
    collapsible: true, 
    autoHeight: false,
    active: false,
    change: function(){$(this).find('a').css('zoom','0')}
    });