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>

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

2 个答案: