具有AJAX内容的JQuery UI Tabs使用IE9非常慢 [英] JQuery UI Tabs with AJAX content VERY slow using IE9

问题描述

我正在使用AJAX内容的 JQuery UI标签。

加载的数据是一个具有〜100行和10列的 DataTables 元素。

一切都是FF，Chrome，Safari和Opera，，但IE9加载的表格非常慢。

$ b $我试图在IE9中加载DataTable us.load（）方法，这很好，但是使用JQueryUI选项卡真的没有。我试过JQueryUI 1.8.22和1.9.1，但行为是一样的。

有人已经处理了这样的问题吗？

编辑

事实上，问题并未与DataTable绑定，而是由于通过AJAX加载的大内容标签。此外，加载的JS代码，滚动甚至CSS：hover真的没有反应

解决方案

我使用了一个修复标签内容高度。我不明白为什么，这样会减慢浏览器在IE中的渲染（8和9）。

要解决这个问题，我更换了修复标签内容高度由CSS属性 height：90％并在 datatable中添加修复表高度 sScrollY ：1000px //标签内容高度的90％。我在 resize 上设置一个窗口事件，以使用正确的值来重绘 datatable 以适应窗口大小。 p>

我希望能帮助所有面对同一个IE问题的人。

I am using JQuery UI Tabs with AJAX content.

The loaded data are a DataTables element with ~100 rows and 10 columns.

Everything is fine with FF, Chrome, Safari and Opera, but with IE9 the loaded table is very slow.

I tried to load the DataTable usin .load() method in IE9 and it is fine, but using JQueryUI tabs it is really not. I tried JQueryUI 1.8.22 and 1.9.1 but the behaviour is the same.

Is someone already dealt with this such of problem?

EDIT

In fact the problem is not bound with DataTables but due to "large" content loaded through AJAX into the tab. Futhermore, the loaded JS code, scroll and even CSS :hover are really not reactive

解决方案

I used a fix tab content height. I don't understand why, by this slows down a lot the browser rendering in IE (8 and 9).

To fix this problem, I replaced the fix tab content height by CSS property height:90% and add a fix table height to the datatable sScrollY": "1000px // 90% of the tab content height. I set up a window event on resize to redraw the datatable with the right value to fit the window size.

I hope to help all people facing the same IE issue.

这篇关于具有AJAX内容的JQuery UI Tabs使用IE9非常慢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！