在asp.net中使用Jquery Tabs

时间:2009-12-22 16:31:18

标签: jquery-ui

我需要在asp.net网站上使用jquery选项卡,使用ajax模式以HTML部分格式加载数据。我将有4个不同数据源的选项卡。我只需要在用户点击时将数据加载到选项卡中那个特殊的标签,在HTML部分使用ajax模式。我一直在谷歌上搜索一个这样的例子。我是jquery和asp.net的新手。有人请帮我用示例代码或示例来做这个吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

jQuery-UI Documentation就此问题进行了具体演示。

  

通过在标签链接中设置href值,通过Ajax获取标签的外部内容。当Ajax请求等待响应时,选项卡标签会更改为“正在加载...”,然后在加载后返回到正常标签。

当使用时看起来像这样(注意每个链接的href值):

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="ajax/content1.html">Ajax Tab 1</a></li>
    <li><a href="ajax/content2.html">Ajax Tab 2</a></li>
  </ul>
  <div id="tabs-1">
    <p>Proin elit arcu...tristique tempus lectus.</p>
  </div>
</div>