Jquery Tabs：微调选项不起作用

Question

我需要一个Ajax动画，而远程页面加载在选项卡中。

我使用

$('#tabs2').tabs({ spinner: ''<img src="../../Content/images/Jquery/spinner.gi'' }); 

即使$('#tabs2').tabs({ spinner: 'Loading..' });也没有工作......

虽然标签功能是工作，但动画是不工作...

我使用JQuery主题滚筒文件。非常感谢您的帮助。很多谢谢

Answer 1

很抱歉问题已解决。我在标签中放置了一个<span>标签。在Jquery支持讨论中找到解决方案。 http://docs.jquery.com/Discussion

例如

<li><a href="../URL">**<span>Text to display in Tabs</span></a></li> 
<li><a href="tabdiv">**<span>Text to display in Tabs</span></a></li> 

Answer 2

发布的第一个代码片段看起来不正确。它应该是：

$('#tabs2').tabs({ spinner: '<img src="../../Content/images/Jquery/spinner.gif"/>' }); 

第二个片段应该只是罚款假设“＃TABS2”是指容器标签和各个选项卡的一个也没有。

请编辑您的问题并发布相关的标签页。

Answer 3

只有在使用ajax加载远程内容时才会使用jquery.ui选项卡的spinner选项。 你确定你使用ajax模式，而不是简单地显示和隐藏页面上的现有内容与选项卡？

Answer 4

添加一个围绕选项卡链接的文本可修复问题。 Sumanta的解决方案是正确的，但我不确定你需要那里的两个星号符号。

Answer 5

我找不出答案是什么，所以再次，如果有人不明白。

不是在加载期间替换标签的内容，而是标签标题。 所有你需要做的是把分页标题为span标签

前：

<ul > 
<li><a href="link.html" >Users</a></li> 
</ul> 

后

<ul > 
<li><a href="link.html" ><span>Users</span></a></li> 
</ul> 

的标签头必须与跨度包围，你可以看到 用户变<span>Users</span>

Answer 6

如果微调不适合你（它不适合我），请试试这个：

$("#tabs").tabs({ 
       beforeLoad: function (event, ui) { 
        ui.panel.text('Retrieving data...'); 
       } 
      });