刷新div（导致浏览重绘它）
在 Web 应用程序中，我在动态内容方面遇到了一些麻烦 - 在 jQuery UI 选项卡控件上方隐藏或显示的表单会导致呈现问题，直到用户将鼠标悬停在选项卡上，然后导致选项卡标题重新绘制正确的位置。
它只发生在 IE7 中，作为一个快速破解，我在显示表单后执行此操作，以导致选项卡的 div 在 IE 中刷新：
$('#tabs').css('display', 'none').css('display', 'block');
我只是想知道是否有更合适/强大的方法来导致 div 元素来重绘自身/重新计算页面上元素的布局，因为我担心我的方法可能会对其他浏览器产生不需要的副作用。
In a web application, I'm hitting some troubles with dynamic content - whereby a form being hidden or shown above a jQuery UI tab control causes rendering issues until the user hovers there mouse over the tabs, which then causes the tab header to redraw in the correct location.
It's only occurring in IE7 and as a quick hack I'm doing this after showing the form to cause the tab's div to be refreshed in IE:
$('#tabs').css('display', 'none').css('display', 'block');
I'm just wondering if there is a more appropriate/robust way to cause a div element to redraw itself/recalculate the layout of elements on a page, as I'm worried my approach may have unwanted side-effects on other browsers.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
大胆猜测，但可能是
hasLayout。尝试添加类似的内容：
Wild guess, but could be
hasLayout.Try adding something like:
我曾经遇到过类似的问题，结果是显示 div 上未设置宽度的问题。 当我在元素上设置静态 px 宽度时，它起作用了。
I had a similar issue to this once, it turned out to be an issue with the width not being set on the displaying div. When I set the static px width on the element it worked.