如何使用Jquery UI选项卡构造函数方法?

如何使用Jquery UI选项卡构造函数方法?,jquery,asp.net-mvc,jquery-ui,Jquery,Asp.net Mvc,Jquery Ui,我正在使用Asp.NETMVC,并尝试在jquery中使用Ajax UI选项卡 在演示站点上: 它有这个 通过Ajax获取外部内容 通过在中设置href值来打开选项卡 选项卡链接。而Ajax请求 正在等待响应,选项卡 标签更改为“正在加载…”, 然后返回到正常标签一次 上膛了 我从来没有看到选项卡在其演示中更改为加载。因此,我决定尝试制作自己的示例。在我的asp.net mvc应用程序中,我将a href设置为加载部分视图的动作视图。在这个动作视图中,我放置了一个睡眠线程“5000” 然而,我从

我正在使用Asp.NETMVC,并尝试在jquery中使用Ajax UI选项卡

在演示站点上:

它有这个

通过Ajax获取外部内容 通过在中设置href值来打开选项卡 选项卡链接。而Ajax请求 正在等待响应,选项卡 标签更改为“正在加载…”, 然后返回到正常标签一次 上膛了

我从来没有看到选项卡在其演示中更改为加载。因此,我决定尝试制作自己的示例。在我的asp.net mvc应用程序中,我将a href设置为加载部分视图的动作视图。在这个动作视图中,我放置了一个睡眠线程“5000”

然而,我从未见过他们谈论的“加载…”,即使我放慢了请求和检查的速度

然后我在看构造函数方法,我不知道如何使用它们,例如,我在看它的微调器选项

纺纱机 类型: 字符串默认值: “正在加载…”

此字符串的HTML内容为 远程时显示在选项卡标题中 内容正在加载。空传 字符串来停用该行为。 代码示例

使用微调器初始化选项卡 指定的选项

$('.selector').tabs({ spinner: 'Retrieving data...' });
获取或设置微调器选项,在 初始化

“旋转器”); //塞特 $('.selector').tabs('选项','微调器','检索数据…)

所以我照上面说的做了,我把这一行放在jquery中,并将其更改为我拥有的真实div

我也没有看到这个旋转器,所以我不知道我错过了什么。我必须做些别的事吗

我的JavaScript代码:

<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="../../images/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />

<script src="../../Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>


    <script type="text/javascript">
        $(function() {

            // Tabs
        $('#tabs').tabs({ spinner: 'Retrieving data...' });


        });
        </script>

$(函数(){
//标签
$('#tabs').tabs({spinner:'检索数据…');
});
编辑


多亏了“redSquares”的帖子,我现在知道了为什么我的帖子不起作用,但我使用了Html.ActionLink。那么,如何形成Html.ActionLink以获得span标记呢?或者我必须制作自己的Html助手吗?

您需要在锚点中放置一个span。很好的文档解释了这一点

e、 g


演示

您需要将微调器部件放在您第一次启动选项卡的任何位置,很可能放在文档准备功能中。将{spinner:'正在检索数据…}放在tabs.tabs(x)中

大多数时候,它的加载速度很快,你看不到它,这是一个很好的问题


你可以在我当前的项目中看到一个例子,这是一个新问题:)最好接受这个答案并提出一个新问题。帮助通过谷歌搜索本网站的人找到正确的信息,但要回答下一个问题,请看
<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="../../images/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />

<script src="../../Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>


    <script type="text/javascript">
        $(function() {

            // Tabs
        $('#tabs').tabs({ spinner: 'Retrieving data...' });


        });
        </script>
<ul>
  <li><span><a href="someUrl"><span>Spinner Needs this</span></a></li>
  <li><a href="shomeUrl1"><span>Spinner Needs this</span></a></li>      
</ul>