jquery - 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 响应缓慢。