使用 Jquery UI 选项卡显示加载程序时出现问题

Question

当用户单击选项卡时，我能够显示“检索数据..”。

当用户单击选项卡内的链接时，我想在选项卡上显示相同的消息。

就像在我的一个选项卡中一样，我显示了带有分页的项目列表。当用户单击项目的分页链接时，我想在选项卡上显示一条消息，例如“检索数据”。

我该怎么做？

Answer 1

如果您在单击分页链接时发送 ajax 请求，则可以在分页 onclick 处理程序中将活动选项卡的标题设置为“检索数据”，并在成功回调中将标题设置回来。
类似于：

$('.pagination_link').click(function () {
 var activeTab = $('.ui-widget-header').find('.ui-state-active a');
 var caption = activeTab.text();
 activeTab.text('Retrieving Data');
 $.ajax({
   //  ...request data...
  success: function (data) {
    activeTab.text(caption);
    // ... continue process your request
  }
 })

});

也许 jQuery UI 中有一些 API 可以帮助您以更 jQueryUI 的方式执行此操作（例如当前活动选项卡及其文本的更精美的选择器），但逻辑保持不变。当使用库时，它只是帮助你更简单、更快速地做一些事情，但你总是可以抛开库的踪迹，在 javascript 和逻辑的帮助下制作你想要的东西。这是你问的吗？