AJAXでASPXページをjQuery UIタブに読み込む

Question

jqueryと通常のhtmlページの経験はありますが、ちょうど.netを学習し始めました。私はどこでも検索しましたが、良いチュートリアルやajaxを使ってaspxページをjquery UIに読み込む方法の例が見つかりません。私はナビゲーションのためのいくつかのjquery UIタブを持っているMain.aspxページを持っています。私は各タブのコンテンツをajaxでロードしたいと思います。私はAjax modeのjQuery UIタブを使用しようとしましたが、aspxページに何らかの理由でロードされない特定のWebコントロールが含まれているようです。タブにロードしたいaspxファイルには、クリックすると "hello"と言うテキストが変更されるボタンコントロールしかありません。ここで

はMain.aspxのタブセクションです：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" 
    Inherits="TropicalServerGUI.test" %> 
<div> 
    <asp:button ID="btn" runat="server" text="Button" /> 
</div> 

とそのコードビハインド：

namespace TropicalServerGUI { 
    public partial class test : System.Web.UI.Page { 
     protected void Page_Load(object sender, EventArgs e) { 

     } 

     protected void btn_Click(object sender, EventArgs e) { 
      //btn.Text = "hello"; 
     } 
    } 
} 

ここ

<div id="tabs"> 
    <ul> 
     <li><a href="test.aspx"><span>Test</span></a></li> 
     <li><a href="#tabs-2">Second</a></li> 
     <li><a href="#tabs-3">Third</a></li> 
    </ul> 
    <div id="tabs-2">Second Tab</div> 
    <div id="tabs-3">Third Tab</div> 
</div> 

はTest.aspxというコードです静的な2番目と3番目のタブは正常ですが、何も最初のタブには読み込まれません。ボタンコントロールを削除して、たとえば、<h1>Hello World</h1>とすると、ページが正しく読み込まれます。私は何か完全に間違っていることを知っています、そして、私はこのトピックに対処するウェブサイトを見つけることができないので、これに関するどんな助けも大いに評価されるでしょう！

Answer 1

JQueryUIのタブを初期化していますか？

<script> 
    $(function() { 
     $("#tabs").tabs(); 
    }); 
</script>