2013-03-25 100 views
1

我使用「tabs(content via ajax) using jQuery plugin.負載動態頁面

當我點擊選項卡上,根據給定的內容裏面選擇加載頁面的URL。

我想要的是:
我想顯示在同一選項卡下的另一個頁面,並刪除當前頁面的內容。

簡而言之,如何在不刷新或重定向包含標籤結構的主頁面的情況下,從標籤下的加載內容頁面重定向到另一個頁面?

回答

0

我認爲最簡單的方法是讓你的ajax PHP腳本動態化。您可以將通過AJAX調用返回的數據更改爲適合您的需求。

然後,您可以使用refresh方法來刷新選項卡上的內容,現在應該是不同的從你的AJAX腳本來:

$(「.selector」).tabs(‘刷新’);

如文獻中描述:http://api.jqueryui.com/tabs/#method-refresh

+0

什麼是上面例子中的「.selector」? – 2013-03-29 10:28:30

+0

'.selector'就像通用的jQuery語法。在這裏看到的例子:http://api.jqueryui.com/tabs/#entry-examples在這個例子中,而不是'.selector'它們有'#tab',因爲容納標籤UI的容器的ID是'tabs ',在jQuery中使用'#'選擇一個ID,用'.'來選擇一個類。所以'.selector'只是一個通用的方式,指的是你將擁有的任何選擇器。 – 2013-04-01 11:00:52

0

比方說,這是你的div:

<div id="content"> </div> 

發送AJAX

在頁面,將讓你的Ajax請求,你可以做

if(isset($_POST['getContent')){ 
    $_POST['getContent'] = file_get_contents('getContent.php');  
    echo $_POST['getContent']; 
} 
$.ajax({ 
    type:'POST', 
    URL : 'page that will give you your reposne', 
    data : { 
     getContent : 'getContent' 
    }, 
    success:function(data){ 
     if(data){ 
      $('#content').html(data); 
     } 
    } 
}); 

file_get_contents('getContent.php')返回t的內容他用一個字符串文件,所以如果它是一個有效的文件,你應該沒有問題。