jquery - タブをクリックした後にテーブルが動的に表示されず、表示される Web ページの任意の場所をクリックした後にのみ

Question

要約すると、私は JSP のビューとサーブレットを使用して、すべてのデータ処理を行っています。JQuery .ajax 関数を使用して、サーバー側のサーブレットからデータを取得しています。すべてうまくいきます。

あるページでは、JQuery UI タブを使用しています。

ページが読み込まれると、タブとページが正しく読み込まれます。しかし、2番目のタブには、サーブレットからのデータを介して動的に更新されるhtmlテーブルがあります。

だから：タブをクリックする：

$(document).ready(function() 
{
    $("#tabs-2").click( function()
       $.ajax(
                                    {
                                        url:'URLTOSERVLET',
                                        type:"GET",
                                        async:true,
                                        success:function(data)
                                        { 
                                            $("#myTable").html(data);

                                        }
                                    });
    });
});

ajax (データ) からの出力を入れる必要がある Div:

<div id="myTable">                          
</div>

出力データは、基本的なテーブル形式の例です。

<table>
<tr>
<td>
  data
</td>
<td>
  data
</td>
<td>
  data
</td>
<td>
  data
</td>
</tr>
</table>

私の問題は、タブをクリックした後、テーブルが表示されないことです。しかし、Web ページのどこかをマウスでクリックすると、テーブルが表示されます。(あたかも、JQuery 関数の後にマウス クリックを介して Web ページが「更新」されているかのようです。これについて知っている人はいますか?修正方法についての提案はありますか?

よろしく、