は、どのように私は、ページの内容を更新するとJavaScript

Question

を使用して、同じページに戻ります、私はonclickをリセットbutton..refresh機能のここで次のコード

<input type="reset" value="Reset" data-theme="b" 
     data-inline="true" onclick="refresh()" /> 
<script type="text/javascript"> 
    function refresh() { 
     location.reload(true); 
    } 
</script> 

を持っていると、内容を更新していると呼ばれています... 問題は、私は特定のタブの内容を更新するとthat..Iは、どのようにその初期タブ宣言（ⅱTAB2）に行ってリフレッシュすると、page..nowに

$(function() { 
    $("#tabs-1").tabs(); 
}); 
$(function() { 
    $('#tabs-1 .ui-tabs-nav a[href="#tabs-2"], #tabs-2').addClass('status1'); 
}); 

を複数のタブを使用していますです私は内容を更新し、私が働いていたタブに戻ることができます最初のタブではありません...

Answer 1

最も簡単な方法はにある： - 以下のコードで現在のタブの数を取得します

1：

function refresh() 
{  
    // Write your code here to get current tab 
    // Assume tab is #tab2 
    //Url is: http: abcwebsite.com/a.php#tab2 
    // location.reload(true); 
    var current_url = ""; //Get the current page here 
    window.location = current_url + "#tab2"; 
} 

2：URLからタブをアクティブにするコードを書きます

$(function() { 
    if(window.location.hash) { 
      var activeTab = window.location.hash; 
      // Write the code to active the tab active here 
      $('#myTab a[href="' + activeTab + '"]').tab('show'); 
     } else { 
      // No hash found 
      // Write the code to active the the default tabe 
      $('#myTab a[href="#tab1"]').tab('show'); 
     } 
}); 

Answer 2

ページを更新するときに、ブラウザのキャッシュまたはサーバーから再度要求します。その結果、ページ上のどの状態も忘れられます。クッキーまたはセッションに状態を保存し、ページの読み込み時に状態を復元することになります。

Answer 3

あなたは、タブの変更イベントでのlocalStorageで現在の状態を保存することにより、これを行うとリフレッシュ

var activeTab = localStorage.getItem('activeTab'); 

if(activeTab){ 
    $('#myTab a[href="' + activeTab + '"]').tab('show'); 
} 

くださいrefer

Answer 4

あなたがリフレッシュするために、サーバーにコールバックしている場合は、あなたが店を必要とする上でそれらを復元することができますあなたが表示しているタグのインデックス、localstorage、cookie、またはparamとしてサーバに渡すことによって（そして、サーバはリフレッシュの間にあなたに戻るでしょう）。あなたはjqueryの-UIを使用している場合 、あなたは「アクティブ」オプション（hereを参照）

Answer 5

を使用することができ、私はそれを行うには良い方法だと思い、その代わりとしてされているページをリフレッシュする、あなたのタブを格納しようURLパラメータでロードしたい何かのように：www.example.com/your-page.html?active-tab={your_active_tab_id}

明らかに、urlパラメータの内容は毎回更新する必要がありますが、何らかの種類の状態変数に格納することができます。関数が呼び出されると、そこから値を取得します。