Javascript jQueryUI选项卡通过AJAX选项卡将内容加载到新的选择器中？

我希望能够将目标锁定在AJAX内容的最终位置。有人有什么想法吗

<div class="tabs">
  <ul>
    <li><a href="ajax/content1.html">tab1</a></li>
    <li><a href="ajax/content1.html">tab1</a></li>
  </ul>
</div>

<div id="tab-content-target">
... this is where new tabs get created
</div>

... 这是创建新选项卡的地方

这应该可以做到

$('a').click(function(e){
    e.preventDefault();
    $('#tab-content-target').load($(this).attr('href'));
});

... 这是创建新选项卡的地方
$（'.aLink'）。单击（函数（）{
$.ajax（{$（this）.attr（'href'），success:function（data）{
$（“#选项卡内容目标”）.html（数据）；
}
});
返回false；
});

除了jquery ui tabs函数最终将链接上的href替换为选项卡的ID之外，这是可行的，并且无疑会创建事件来进行ajax调用。因此，我无法加载href。否则这会起作用。您能在不被删除的其他属性中生成实际的href值吗？像alt、title或rel？

<div class="tabs">
  <ul>
    <li><a href="ajax/content1.html" class='aLink'>tab1</a></li>
    <li><a href="ajax/content1.html" class='aLink'>tab2</a></li>
  </ul>
</div>

<div id="tab-content-target">
    ... this is where new tabs get created
</div>

<script type='text/javascript'>
    $('.aLink').click(function(){
           $.ajax({ $(this).attr('href'),success: function(data){
                       $('#tab-content-target').html(data);                        
                     }
           });
           return false;
    });
</script>