同じアクティブなアイテム（ブートストラップカルーセル）を持つページに戻る

Question

私は、ブースト・カット・カルーセルを使用するページを持っています。すべてのスライドに4つのdivが表示されます。すべての部門から、製品に関する仕様書を参照することができます。このページには、次のものを使用するボタンがあります。

$('.goback__button').click(function(){ 
    window.history.back(); 
    return false; 
    }) 

スライダーで前のページに戻る。問題は、このボタンをクリックすると、同じスライド（アクティブなスライド、アクティブなアイテム）に戻ってみたいということです。これで、最初のスライドがアクティブなページにリダイレクトされます。

Answer 1

あなたは、サーバー側でそれをしたい場合は、リクエストでGETパラメータを渡し、その後、HTML内の項目

を選択することができますが、JavaScriptで直接それをしたい場合は、ハッシュを使用する必要がありますまたはGETパラメータを（とのparamsを解析）、簡単な方法は、例えばハッシュを使用している：

はlocalhost/web.html＃slide1

あなたがコントロールするコードを記述する必要がありますハッシュ値を設定し、アクティブな項目を変更します。

Answer 2

彼らはカルーセルスライドの番号を格納する戻るボタンをクリックすると、あなたが好きな、ユーザーのブラウザにクッキーを追加することができます：あなたの$(document).ready()機能では、最初のページに、

$('.goback__button').click(function(){ 
    document.cookie = "slide-number=2"; 
    window.history.back(); 
    return false; 
}); 

その後、クッキーを見つけて値を取得し、ブートストラップの.carousel（number）メソッドを使用して適切なスライドに移動します。

$(document).ready(function(){ 
    var num = getCookie("slide-number"); 
    if (num != ""){ 
    num = parseInt(num); 
    $('#myCarousel').carousel(num); 
    document.cookie = "slide-number=; expires=Thu, 01 Jan 1970 00:00:00 UTC"; 
}); 

function getCookie(cname) { 
    var name = cname + "="; 
    var ca = document.cookie.split(';'); 
    for(var i = 0; i <ca.length; i++) { 
    var c = ca[i]; 
    while (c.charAt(0) == ' ') { 
     c = c.substring(1); 
    } 
    if (c.indexOf(name) == 0) { 
     return c.substring(name.length, c.length); 
    } 
    } 
    return ""; 
} 

免責事項：次に、クッキーを削除W3SchoolsからgetCookie機能を手に入れました。