Jquery ui标签因大量数据而变慢

2019年8月4日 162次阅读

我注意到,当使用jQuery UI标签布局时,我打开了一些标签,其中包含更多的
HTML.然后在标签之间交换有点慢.就像我点击标签标签一样,它需要2-4秒才能打开标签.我认为这是一个事实,如果我想在我的标签中显示这么长的文本,我就无法改变它,但有没有办法在标签打开之前显示一些加载指示器？ 最佳答案 不是我的代码,它来自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');
      }
  });

基本上,您可以使用beforeActivate并激活jQuery UI选项卡的事件.
但是,它没有解决根本原因：jQuery选项卡使用CSS show / hide,并且使用大量DOM元素,会导致UI响应缓慢.

点赞