عالقة باستخدام علامات تبويب jquery ui

Question

لقد حصلت على جداول Hee HTML التي أردت وضعها في علامات تبويب.

يمكن تحميل جميع الجداول الثلاثة باستخدام AJAX لكنني أرغب في إظهار الجدول الأول وأيضا السماح للطاولة الأولى بأنه Ajaxable.

أخيرا، أحتاج إلى الحصول على خيار المستخدم للبحث في علامة التبويب 3RD وذهبت تلك النتائج (نتيجة HTML) في هذه التبويب.

المشكلة هي: عندما أقوم بتشغيل الرمز الحالي الخاص بي، فهذا لا يسمح لي بالنقر فوق علامات التبويب (فهو يعرض بعض النمط القبيح في Firefox) ويتم عرض علامة التبويب 3RD فقط.

هذا هو من قبل.

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

وهذا هو رمز محاولة مسج الخاص بي.

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

هل يستطيع أي أحد مساعدتي؟ مالخطأ الذي فعلته؟

يشجع :)

Answer 1

يجب أن يكون لديك a علامة داخل li'س. 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>

فقط في المصدر هنا: http://stilbuero.de/jquery/tabs_3/