Вкладки jQueryUI Загрузка содержимого с помощью вкладки AJAX в новый селектор?

Question

Я хотел бы иметь возможность указывать, где заканчивается контент 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>

Answer 1

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

Answer 2

Это должно сработать.

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