標簽中的jQuery UI Tabs問題加載鏈接

Question

jQuery UI選項卡有問題。 詳細地講，我有一些用ajax加載的選項卡，我的問題是我想在頁面內加載頁面鏈接，但我做不到。

這是帶有標簽的頁面代碼：

<script>
$(function() {


$( "#tabs" ).tabs({
    ajaxOptions: {
        error: function( xhr, status, index, anchor ){
            $(anchor.hash).html(
                "Could not load this tab");
        }
    }

});


});
</script>

<div id="tabs">
<ul>
<li><a href="#tabs-1">Welcome</a></li>
<li><a href="customer.php">Customers</a></li>
<li><a href="subscribers.php">Subscribers</a></li>
<li><a href="subscription.php">Subscriptions</a></li>
    </ul>

</div>

讓我們假設我已經加載了選項卡訂閱。 subscription.php具有指向另一個頁面的鏈接，我想在同一選項卡中加載該頁面。

我該如何運作？

Answer 1

可能有很多方法可以做到這一點，但這是一個簡單的方法。

給您的鏈接一個ID，說“鏈接”。 設置點擊處理程序以在頁面上執行.load到所需的div。 所以：

 <a href="#" id="link">

<script type="text/javascript">
     $('#link').click(function() {
          $('#tabid').load('linkpage.html');
     });
</script>

現在，進行一些澄清。 要在其中將內容加載到的標簽的div上必須有一個ID。...出於說明目的，我將其稱為tabid。 加載將獲取頁面內容linkpage.html並將其設置為div Tabid的新值。 基本上，您正在做帶有外部內容的內部html。