喷丝

Question

我使用的是Asp.net MVC，我一直在尝试在jquery中使用Ajax UI标签。

在演示网站上：http://jqueryui.com/demos/tabs/#ajax

有这个

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

我从未在他们的演示中看到标签更改为加载。所以我决定尝试自己创建一个示例。在我的asp.net mvc应用程序中，我将href设置为一个加载局部视图的动作视图。在这个动作视图中，我设置了一个“5000”的睡眠线程。

然而，即使我放慢了请求并进行检查，我也从未看到过他们所说的“加载......”。

然后我正在查看构造函数方法，我不知道如何使用它们，例如我正在查看它有的spinner选项

喷丝

类型：       String默认值：       '加载...

此字符串的HTML内容是   远程显示在标题标题中   内容正在加载。传递空   字符串以停用该行为。   代码示例

使用微调器初始化选项卡   选项指定。
$('.selector').tabs({ spinner: 'Retrieving data...' });
获取或设置微调器选项初始化。
//getter
var spinner = $('.selector').tabs('option',
'旋转器'）; //二传手 $（'。selector'）。tabs（'option'，'spinner'，'检索数据......'）;

所以我做了所说的话，我把那条线放在我的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>

修改

感谢“redSquares”帖子，我现在知道为什么我的工作没有用，但我使用的是Html.ActionLink。那么如何构建我的Html.ActionLink以获得span标签？或者我是否必须制作自己的Html助手？

Answer 1

您需要将旋转器部件放在首次启动标签的位置，可能在您的文档就绪功能中。将{spinner：'正在检索数据...'}放在tabs.tabs（x）中。

大多数情况下它会加载得如此之快，你将看不到它，这是一个很好的问题。

您可以在sneakyness.com，我当前的项目

中看到此示例

Answer 2

您需要在锚点中放置一个范围。很好的文档来解释这个！

e.g

<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>

演示here

如何使用Jquery UI Tabs构造函数方法？

喷丝

2 个答案: