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

时间:2011-07-01 10:00:23

标签: jquery-ui jquery

在通过AJAX加载时,是否有一种简单的方法可以在jquery UI选项卡的主体中显示加载微调器?

基本上我正在寻找类似spinner选项的东西,但是在标签主体中显示图形和加载消息而不是标签标题。

1 个答案:

答案 0 :(得分:7)

对于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/

获得一堆微调图像