Question

我正在使用jQuery按钮，特别是这个例子：

我已将此标记放在每行的 td 表中：

<div>
    <button id="possible-actions">Action</button>
</div>
<ul>
    <li><a href="#">Reopen</a></li>
    <li><a href="#">Close</a></li>
    <li><a href="#">Delete</a></li>
    <li><a href="#">Move...</a></li>
</ul>

当然我已经相应地修改了javascript。然而，现在我正在努力解决Internet Explorer 8中的渲染问题。正在发生的事情是，其他单元格的内容是用错误呈现的 - 例如行具有奇怪的高度，一些单元格内容在单元格外部呈现。但当我将鼠标移到行上时，似乎IE重绘/刷新并且行被修复。

我没有任何鼠标悬停处理程序或其他事件。普通表+这个jQuery UI按钮。我想知道是否会发生这种情况，因为我在 td 中使用了块元素，或者我在加载页面后动态创建这些按钮，并且浏览器在渲染表时遇到问题。

仅供参考：Google Chrome＆amp; FF没有这个问题。

Answer 1

将标记更改为：

<span style="display: inline-block">
    <button id="possible-actions">Action</button>
</span>
<ul style="display: none">
    <li><a href="#">Reopen</a></li>
    <li><a href="#">Close</a></li>
    <li><a href="#">Delete</a></li>
    <li><a href="#">Move...</a></li>
</ul>

修正了问题。我使用的样式是：

display：inline-block - 因为我需要控制一些宽度/高度dimmentions
display：none - 因为我创造了＆amp;单击按钮时按需显示菜单

表格单元格内的jQuery UI按钮 - 呈现问题

1 个答案: