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-ish-way（例如当前活动选项卡的更精彩的选择器及其文本），但逻辑保持不变。使用库时，它只是帮助您更轻松，更快速地完成某些操作，但是您可以随时放弃库的踪迹，并在javascript和逻辑的帮助下制作您想要的内容。那是你问的吗？

使用Jquery UI选项卡显示加载程序的问题

1 个答案: