2009-12-22 85 views
1

我需要在我的asp.net网站中使用jQuery选项卡,并使用ajax模式以HTML partials形式加载数据。我将有4个具有不同数据源的选项卡。我需要将数据加载到选项卡只有当用户点击该特定的选项卡,在HTML partials使用ajax模式。我一直在谷歌搜索这个例子。我是新来的jQuery和asp.net.Could人请帮助我的示例代码或示例做这个?在asp.net中使用jquery选项卡

在此先感谢。

回答

0

jQuery-UI Documentation在这个问题上有一个具体的演示。

通过取通过Ajax的翼片的外部内容在标签链接设置一个href值。当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> 
+0

谢谢你这么多的快速reply.I've上述HTML 在已审结href我将我的aspx页面的名称替换为ajax/content1.html,当我点击该选项卡时,它确实进入了该页面,但在重定向的aspx页面中,我没有看到标题主页上出现的选项卡。我做对了吗? – kranthi 2009-12-22 17:29:44

+0

对不起,我不明白。你的网页在线吗? – Sampson 2009-12-22 17:52:00

+0

soory,我的网页无法在线使用。我可以使用我的aspx页面的名称替换Ajax Tab 1中的ajax/content1.html,在这种情况下,它会显示我的aspx页面,其中包含Nunc tincidunt,Ajax Tab 1,Ajax Tab 2标签,当我点击对应aspx页面的标签? – kranthi 2009-12-22 17:57:18

相关问题