将加载微调器添加到JQuery UI选项卡主体

Question

有没有一种简单的方法在通过AJAX加载时在jquery UI选项卡的主体中显示加载微调器？

基本上我正在寻找像微调器选项,但在选项卡主体而不是选项卡标题中显示图形和加载消息.

Answer 1

对于ajax加载的标签,这应该适用于jQuery UI 1.9+(假设你的标签有id'标签'):

$("#tabs").tabs({
  // loading spinner
  beforeLoad: function(event, ui) {
    ui.panel.html('<img src="loading.gif" width="24" height="24" style="vertical-align:middle;"> Loading...');
  }
});

你需要在正确的位置放置一个loading.gif并调整img标签src,width和height,但我认为你明白了.你可以在http://www.ajaxload.info/获得一堆微调图像.