2010年7月14日 星期三

Jquery Tabs 更新後 會回到原本的頁面

如果沒有任何記錄情況下
Jquery的Tabs會回到最初的第1個頁面
但是很多情況是想要讓他保持在原本頁面的
這下子就要用到這招


var tabindex = 0;
function tabsfunction() {
$("#tabs").tabs({
select: function (event, ui) {
tabindex = ui.index;
}
});
$("#tabs").tabs('select', tabindex);
}

在JS最外層宣告個全域變數tabindex然後將每次點選後的index紀錄進去
這樣不管怎樣更新
它還是會乖乖的開啟你剛剛紀錄的tab了

2 則留言:

  1. 以這個例子
    http://jqueryui.com/demos/tabs/default.html

    我把你這段加進去之後 介面效果會不見 但我試過可以記錄



    後來我改成這樣

    var tabindex = 0;
    $(function tabsfunction() {
    $("#tabs").tabs({
    select: function (event, ui) {
    tabindex = ui.index;
    }
    });
    $("#tabs").tabs('select', tabindex);

    });


    雖然介面好了 但是沒有紀錄的功能

    能請教是哪邊打錯嗎?

    回覆刪除
  2. 抱歉抱歉
    因為我把那段程式寫成function方式執行
    只要在執行時候呼叫tabsfunction()就能跑了

    $(function() {tabsfunction();});

    回覆刪除