使用jquery刷新div選項卡onclick？

Question

我使用的標籤，但想知道是否有可能「刷新」標籤內容onclick？

Answer 1

是的，它是可能的，但你不需要onClick事件對於這一點，我覺得

使用本

<div id="example"> 
    <ul> 
     <li><a href="ajaxpage1.php"><span>Content 1</span></a></li> 
     <li><a href="ajaxpage2.php"><span>Content 2</span></a></li> 
     <li><a href="ajaxpage3.php"><span>Content 3</span></a></li> 
    </ul> 
</div> 

注意：不是給選項卡司的ID，一個頁面鏈接給 所以每次點擊標籤時，它都會更新它

這會優雅地降低 - 鏈接，例如該內容仍然可以在禁用JavaScript的情況下訪問。

PS：我假設有 工作翼片

Answer 2

在這裏，你就是我用Ajax做它在asp.net的MVC：

<div id="content"> 
    <ul> 
     <li><a href="#tab0"><span>Details</span></a></li> 
     <li><a href="#tab1"><span>Cost</span></a></li> 
     <li><a href="#tab2"><span>Bookings</span></a></li> 
    </ul> 
    <div id="tab0"></div> 
    <div id="tab1"></div> 
    <div id="tab2"></div> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(function() { 
      var $tabs = $("#content").tabs({ 
       select: function(e, ui) { 
        var thistab = ui; 
        runMethod(thistab.index); 
       } 
      }); 
     }); 
    }); 

    function runMethod(tabindex) { 
     switch (tabindex) { 
      case 0: 
       getTabZeroData(); 
       break; 

      case 1: 
       getTabOneData(); 
       break; 

      case 2: 
       getTabTwoData(); 
       break; 
     } 
    } 
</script> 

<script type="text/javascript"> 
// ajax getTabnnn methods here... 
</script> 

每個getTabnnnData方法運行它是自己的小Ajax例程，並且div被填充。這是非常有效的，因爲你也可以得到一點聰明，只有在目標div仍然是空的時候才運行該方法等。

希望能給出另一個傾向。

吉姆

Answer 3

簡單： http://docs.jquery.com/UI/Tabs

;）

Answer 4

請您理解，這是很可能不是最好的方式做到這一點。但這是他要求的。

function tabrefresh(){ 
    $("#tabs").tabs("refresh"); 
}; 

<button onclick="tabrefresh()">Refresh Tabs</button>