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

這應該可以做到。

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

Answer 2

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