使用jQueryUI选项卡时卡住了

我有三个html表格，我想把它们放在选项卡中

所有三个表都可以使用AJAX加载，但是我想显示第一个表，并允许第一个表可以AJAX

最后，我需要让用户选择在第三个选项卡中搜索，这些结果（html结果）进入该选项卡

问题是：当我运行当前代码时，它不允许我单击选项卡（它在FireFox中显示了一些丑陋的样式），第三个选项卡只显示出来。

这是以前的事

<h2>Title 1</h2>
<table>....data_A....</table>
<br/><br/>

<h2>Title 2</h2>
<table>....data_A....</table>
<br/><br/>

<h2>Title 3 - Search</h2>
<input id="name" type="textbox" />
<input id="search" type="submit" value="Search" />    
<br/><br/>

标题1
…数据。。。。



标题2
…数据。。。。



标题3-搜索

这是我的jQuery尝试代码

<asp:Content ContentPlaceHolderID="JavaScriptContent" runat="server">
<link type="text/css" href="../../Content/smoothness/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />

<script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script> 
<SCRIPT type=text/javascript>
    $(function() {
        $("#tabs").tabs();
    });
</SCRIPT>
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">

<div id="tabs">
    <ul>
        <li href="ajax/data_a">Title 1</li>
        <li href="ajax/data_b">Title 2</li>
        <li href="#tab-3">Search</li>
    </ul>
    <div id="tab-1">
        .... data_A table is put here ... 
        .... but will be updated via ajax when the tabs is clicked.
    </div>        
    <div id="tab-3">
        <input id="name" type="textbox" />
        <input id="search" type="submit" value="Search" />    
    </div>
</div>
</asp:Content>

$（函数（）{
$（“#制表符”）.tabs（）；
});

标题1
标题2
搜索

.... 数据表放在这里。。。
.... 但在单击选项卡时将通过ajax进行更新。

有人能帮我吗？我做错了什么

---

欢呼：）

你必须在

li

内有一个

a

标签

li

没有

href

属性

<li><a href="ajax/data_a">Title 1</a></li>
<li><a href="ajax/data_b">Title 2</a></li>
<li><a href="#tab-3">Search</a></li>

就在这里的来源：