我使用「tabs(content via ajax) using jQuery plugin.」負載動態頁面
當我點擊選項卡上,根據給定的內容裏面選擇加載頁面的URL。
我想要的是:
我想顯示在同一選項卡下的另一個頁面,並刪除當前頁面的內容。
簡而言之,如何在不刷新或重定向包含標籤結構的主頁面的情況下,從標籤下的加載內容頁面重定向到另一個頁面?
我使用「tabs(content via ajax) using jQuery plugin.」負載動態頁面
當我點擊選項卡上,根據給定的內容裏面選擇加載頁面的URL。
我想要的是:
我想顯示在同一選項卡下的另一個頁面,並刪除當前頁面的內容。
簡而言之,如何在不刷新或重定向包含標籤結構的主頁面的情況下,從標籤下的加載內容頁面重定向到另一個頁面?
我認爲最簡單的方法是讓你的ajax PHP腳本動態化。您可以將通過AJAX調用返回的數據更改爲適合您的需求。
然後,您可以使用refresh
方法來刷新選項卡上的內容,現在應該是不同的從你的AJAX腳本來:
$(「.selector」).tabs(‘刷新’);
比方說,這是你的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的內容他用一個字符串文件,所以如果它是一個有效的文件,你應該沒有問題。
什麼是上面例子中的「.selector」? – 2013-03-29 10:28:30
'.selector'就像通用的jQuery語法。在這裏看到的例子:http://api.jqueryui.com/tabs/#entry-examples在這個例子中,而不是'.selector'它們有'#tab',因爲容納標籤UI的容器的ID是'tabs ',在jQuery中使用'#'選擇一個ID,用'.'來選擇一個類。所以'.selector'只是一個通用的方式,指的是你將擁有的任何選擇器。 – 2013-04-01 11:00:52