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

e.g。

<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

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

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

Answer 3

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

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

假设“＃tabs2”引用容器选项卡而不是其中一个单独的选项卡，第二个代码段应该可以正常工作。

请修改您的问题，并为标签发布相关的HTML。

Answer 4

jquery.ui选项卡的spinner选项仅在使用ajax加载远程内容时使用。您确定使用的是ajax模式，而不仅仅是使用标签显示和隐藏页面上的现有内容吗？

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包围用户变为<span>Users</span>

Answer 6

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

Jquery Tabs：spinner选项不起作用

6 个答案: