jQuery UI選項卡問題加載鏈接標籤

我有一個jQuery UI選項卡的問題。詳細地說，我有加載ajax的標籤，我的問題是我想加載頁面內的頁面鏈接，但我無法做到。jQuery UI選項卡問題加載鏈接標籤

這是我的網頁與標籤的代碼：

<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有一個鏈接到另一個頁面，我想加載在同一個標籤。

我該如何讓它工作？

來源

2011-05-10 user729334

只是好奇，是不是更容易在頁面中包含頁面內容的iframe，然後正常的錨鏈接行爲將工作？ – 2011-08-26 06:27:24

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

給你的鏈接一個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與外部內容。

來源

2011-05-10 15:45:27 bpeterson76

嗨！這是我正在尋找的。謝謝！ – user729334 2011-05-12 08:41:58

jQuery UI選項卡問題加載鏈接標籤

回答

相關問題