jquery - Jqueryで、関数を介してタブを選択すると、そのタブのコンテンツが読み込まれないのはなぜですか？

Question

私が求めている動作は、ユーザーがハイパーリンクをクリックしたときです。次に、タブが有効になり（ロード時に無効になります）、そのタブのコンテンツが更新されます。

表示されている動作は、タブが有効になってから選択されたが、コンテンツが表示されないことです。次にタブをクリックすると、コンテンツが表示されます。変！

私のhtml

<div id="tabs">

    <ul>
      <li><a href="#tab1" id="addloader">Add a Loader</a></li>
      <li><a href="#tab2" id="addcsv">Add a CSV</a></li>
      <li><a href="#tab3" id="manage">Manage Loaders</a></li>
      <li><a href="#tab4" id="runLoaders">Run Loaders</a></li>
      <li><a href="#tab5" id="addChartSql">Add Chart SQL</a></li>
      <li><a href="#tab6" id="manageChartSql">Manage Chart SQL</a></li>
      <li><a href="#tab7" id="editSql">Edit Chart SQL</a></li>
    </ul>

.......

      <div id="tab7" class="tab_content">
          <strong>Edit Chart SQL</strong>
          <div id="editChartSqlData"></div>
      </div>

jQuery

       $(function() {

         $("#tabs").tabs({disabled: [6]});
      });

  function editsql(id) {

$("#tabs").tabs("enable", 6);
$('#tabs').tabs({ selected: 6 }); 


var editid = ('id='+ id);

    $.ajax({
    type: "GET",
    url: "editChartSql.php",
    data: editid,
    success: function(server_response){
    $('#editChartSqlData').html(server_response);
  }
    });

return false;
}

そのコンテンツを有効なタブに表示するにはどうすればよいですか？

アップデート：

1）ユーザーが[編集]をクリックします

2）タブが有効になり、フォーカスされている

3）ユーザーがタブをクリックすると、コンテンツが表示されます

Answer 1

応答が無効な HTML であるなど、非常に単純なものである可能性があります。console.log または console.dir を実行して、サーバーから返される内容を確認してください。

success: function(server_response){
   console.dir(server_response);
...

Answer 2

ajax呼び出し用

$.ajax({
    type: "GET",
    url: "editChartSql.php",
    async: false,
    data: editid,
    success: function(server_response){
    $('#editChartSqlData').html(server_response);
  }
    });

Answer 3

このように現在読み込まれているタブを有効にしたいと思います

 $(function() {

         $("#tabs").tabs({disabled: [6]});
      });

  function editsql(id) {

$("#tabs").tabs("enable", 6);
$('#tabs').tabs({ selected: 6 }); 


var editid = ('id='+ id);

    $.ajax({
    type: "GET",
    url: "editChartSql.php",
    data: editid,
    success: function(server_response){
    $('#editChartSqlData').html(server_response);
     $("#tabs").tabs("enable", editid);
  $('#tabs').tabs({ selected: editid }); 
  }
    });

return false;
}