JQuery UI选项卡 – 微调器背景图像

所有，

我正在使用JQuery UI选项卡。 单击选项卡时，我希望选项卡显示选项卡标题以及旁边的微调器动画gif。 加载选项卡时，图像应隐藏。 我怎样才能做到这一点？

谢谢

Answer 1

将微调框选项添加到tabs()

 $("#tabs").tabs({ spinner: '' }); 

在为每个标签添加  。   旋转器需要正确显示和消失。

 
Text Title  

Answer 2

首先，我强烈建议从http://www.ajaxload.info/生成spinner gif，因为它们有一些非常好的免费赠送。

接下来，如果查看JQuery UI选项卡的文档 ，您将注意到可以设置要在不同事件上调用的函数。 例如，你可以使用select和load事件来显示它（虽然我不知道如何把它放在标签内，我会把它留给你）：

 $('#my_tabbed_area').tabs({ select: function(event, ui) { $('#my_spinner_tab_1').fadeIn() }, load: function(event, ui) { $('#my_spinner_tab_1').fadeOut() } }); 

如果您可以将微调器和标题放在同一个范围内，那么您需要将#my_spinner_tab_1替换为#my_span_tab_1或您选择使用的任何ID。 但是，这会淡化/淡出标题和微调器。

Answer 3

是否无法修改ui.tabs.min.js – >“spinner”部分以保留选项卡名称并包含背景微调器图像？