在加载选项卡内容时，在jQueryUI选项卡上显示处理标签

Question

我正在使用jQueryUI Tabs Widget，内容通过Ajax加载。

当内容加载时，我想在服务器处理请求时在标签内容中显示“loading ...”标签或gif，因为内容可能需要一些时间来加载。

Answer 1

您可以使用jQueryUI选项卡小部件的beforeLoad事件。

设置选项卡时，请使用以下代码。

$("#tabs").tabs(
   beforeLoad: function (event, ui) {
     ui.panel.html("Loading, please wait...");
   }
});

您可以使用此功能在加载内容之前将所需的任何html添加到该选项卡内容面板中。