2013-07-01 82 views
0

Tab鍵切換 - AM加載一個頁面,其中有一個頁面的URL,然後切換選項卡,這使得AJAX調用到服務器。假設我已對所有選項卡進行了自動刷新,在第二個選項卡切換後,由於自動刷新,它會返回到第一個選項卡。請讓我知道這應該如何正確處理,因爲我有一個選項卡內的許多選項卡,我在那裏做AJAX也。JQM - Tab鍵切換和自動刷新

+0

哇,弄不明白,'第二個選項卡切換後,它可以追溯到因爲自動refresh'的第一個標籤 - 你是如何做你的自動刷新功能? –

回答

0

我就簡單的輕敲事件處理程序添加到您的菜單和重新加載內容的每個選項卡中單擊

在每個選項卡上的鏈接,您可以添加一些數據屬性像data-target="mypage.html"

,然後只處理:

$("#mymenu a").on('tap', tapHandler); 

function tapHandler(event) { 
    var target = $(this).attr("data-target"); 

    $.get(target, function(data) { 
     $('#my_content_div').html(data); 
     $("#my_content_div").trigger("create"); // trigger pagecreate instead if loaded content includes headers or footers 
    }); 

    return false; 
} 
+0

您提供的解決方案僅用於加載一個選項卡。如果頁面每30秒自動刷新一次,我應該怎麼做。由於我正在使用ajax加載數據,即使我進入第二個選項卡,url也不會更改。當頁面自動刷新時,它應該刷新我目前看到的當前標籤頁。 – user694688

+0

'$ .get'是縮短AJAX順便說一句,刷新每30秒只得到一個js'的setInterval()'喜歡裏面的Ajax請求:的setInterval(yourrequest,30000); –

+0

,我做它的方式,它適用於每加載標籤,不僅1,檢查'$(「#mymenu一」)。在(「水龍頭」,tapHandler);'包括每菜單DIV中,如果你有一個兒童導航欄,只是爲它做同樣的事情 –