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>