Jquery ui 选项卡因大量数据而变慢

Question

我注意到，在使用 jQuery UI 选项卡布局时，我打开了一些包含大量 HTML 的选项卡。然后在选项卡之间切换有点慢。就像我点击标签标签一样，它需要 2-4 秒才能打开标签。我认为这是事实，如果我想要在我的标签中显示这么长的文本，我无法更改它，但是有没有办法在打开标签之前显示一些加载指示器？

Answer 1

不是我的代码，它来自 jQuery 论坛：

https://forum.jquery.com/topic/switching-tabs-slow-with-big-content

代码位于：

http://jsfiddle.net/7npbK/1/

 $("#tabs").tabs({
      beforeActivate: function () {
          // alert("switching");
          $("#loadingDiv").fadeIn('slow');
      },
      activate: function () {
          //alert("switched");
          $("#loadingDiv").fadeOut('slow');
      }
  });

基本上，您可以使用jQuery UI 选项卡的beforeActivate和activate事件。但是，它并没有解决根本原因：jQuery 选项卡使用 CSS 显示/隐藏，并且具有大量 DOM 元素，导致 UI 响应缓慢。