2014-01-06 33 views
0

有沒有辦法檢測使用php哪個選項卡是活動的?原因是我想「重置」不活動的選項卡以顯示其默認內容,而不是執行的最後一個操作。用php檢測活動的jqueryui選項卡?

我發現這個代碼,可以幫助記憶什麼標籤被激活(頁面刷新後) - 偉大工程:

<script type="text/javascript"> 
    $(function() { 

//  http://balaarjunan.wordpress.com/2010/11/10/html5-session-storage-key-things-to-consider/ 
// 
// Define friendly index name 
var index = 'key'; 
// Define friendly data store name 
var dataStore = window.sessionStorage; 
// Start magic! 
try { 
    // getter: Fetch previous value 
    var oldIndex = dataStore.getItem(index); 
} catch(e) { 
    // getter: Always default to first tab in error state 
    var oldIndex = 0; 
} 
$('#tabs').tabs({ 
    // The zero-based index of the panel that is active (open) 
    active : oldIndex, 
    // Triggered after a tab has been activated 
    activate : function(event, ui){ 
     // Get future value 
     var newIndex = ui.newTab.parent().children().index(ui.newTab); 
     // Set future value 
     dataStore.setItem(index, newIndex) 
    } 
}); 
}); 

回答

1

當輸出完成連接,您不能檢測HTML內容與PHP,到服務器已關閉,您無法再訪問服務器。

唯一的辦法就是Ajax,但是這對於沒有頁面重新加載的活動修飾符是無稽之談。 你應該使用純JQUery來解決這個問題。

您可以創建2個內容容器,並以隱藏狀態顯示一個原始版本的內容,並可以編輯一個內容。

<div id="original" style="display: none;"> 
    original content 
</div> 
<div id="custom"> 
    custom content 
</div> 

如果你想恢復你可以切換顯示容器原文:

<script type="text/javascript"> 
    $("#original").toggle(); 
    $("#custom").toggle(); 
</script> 

甚至覆蓋修改的內容與原來的:

<script type="text/javascript"> 
    $("#custom").html($("#original").html()); 
</script>