jQuery的分頁控件 - 交換標籤內容

我已經建立了使用PHP的應用程序，並給它一個使用HTML改變基本的接口，但現在我期待改善使用jQuery UI部件的外觀。我已經加載了選項卡式小部件作爲主菜單，並將我的應用程序的主要部分鏈接到這些部分 - 因此我有一個可用的主菜單。當我點擊一個頁面時，窗口會加載一個頁面，但問題是如果我點擊此頁面上的鏈接，它會帶我到另一個地方。我在這個標籤中加載新頁面的最簡單方法是什麼？jQuery的分頁控件 - 交換標籤內容

這裏是一個小部件一個鏈接，我說的是： http://jqueryui.com/demos/tabs/#default

編輯：下面這個鏈接有一個代碼片段教程它說

」 ......在打開鏈接當前標籤，而不是離開頁面」

‘後標籤內容Hijax’鏈接已經被加載：

$('#example').tabs({ 
    load: function(event, ui) { 
     $(ui.panel).delegate('a', 'click', function(event) { 
      $(ui.panel).load(this.href); 
      event.preventDefault(); 
     }); 
    } 
});

這聽起來很有前途，但我不能確定如何使用它。在我的標籤界面頁面（tabbedhome_v.php）中，我有一個id =「tabs」的容器，其中包含標籤內容。因此，我只是在代碼中將示例代碼改爲「tabs」，它似乎適用於更多現在，但不是所有的原因。有人會介意向我解釋這是如何工作的嗎？

我與上面的代碼中觀察到：圖像超鏈接通向下一個頁面的面板內加載，但沒有，我已經在這些網頁加載JavaScript鏈接或jQuery的是現在的工作。爲什麼是這樣？

來源

2012-08-29 user1058210

正如你已經在使用jQuery，你可能想看看：http://api.jquery.com/load/

您可以使用此頁面加載到一個元素在你的頁面

$('#tab-1').load('content.html');

來源

2012-08-29 15:56:45 DZittersteyn

jQuery的分頁控件 - 交換標籤內容

回答

相關問題