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

Question

我正在使用通过 Ajax 加载内容的 jQueryUI 选项卡小部件。

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

Answer 1

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

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

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

在加载内容之前，您可以使用它在该选项卡内容面板中添加您想要的任何 html。