在按鈕單擊重新加載內容（ajax）在選項卡

Question

我正在使用jquery ui選項卡。每個標籤通過ajax負載獲取內容。點擊按鈕或提交內容表單時，如何在活動選項卡中重新加載內容。

到目前爲止，我已經得到了這個..（那工程）。

HTML

<div id="tabs"> 
    <ul>   
     <li><a href="check-in-t1.php">1</a></li> 
     <li><a href="check-in-t2.php">2</a></li> 
     <li><a href="check-in-t3.php">3</a></li> 
     <li><a href="check-in-t4.php">4</a></li> 
    </ul> 
</div> 

<a href="#" class="btn btn-osvezi2" id="btn-osvezi2">Refresh</a> 

JS

<script> 
     $(function() { 
      $("#tabs").tabs({ 
       beforeLoad: function(event, ui) { 
        ui.jqXHR.fail(function() { 
         ui.panel.html(
          "Vsebine ni mogoče prikazati. Poskusite kasneje."); 
        }); 
       } 
      });   
     }); 
</script> 

Answer 1

小部件提供了load方法（https://api.jqueryui.com/tabs/#method-load）專門爲此：

$("#btn-osvezi2").click(function() { 
    var index = $("#tabs").tabs("option", "active"); 
    $("#tabs").tabs("load", index); 
});