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 和激活事件。 但是，它没有解决根本原因：jQuery选项卡使用CSS show / hide，并且使用大量DOM元素，会导致UI响应缓慢。