Colorbox.js モーダルウィンドウの開いたページに戻りたい

Question

Colorbox.jsで開くモーダルウィンドウの中にリンクを設置しています
そのリンクからページ遷移した後、同じページに戻るときにモーダルウィンドを開いたままのページに戻ることができません
モーダルウィンドを開いた時のURLがわかればできると思うのですが方法がわかりません

何か良い方法があると思うのですがご存じの方、
お教えいただけますでしょうか

よろしくお願いします

Answer 1

Javascriptで変化した後の状態（今回の場合colorboxを開いている状態）をURLによって維持したい場合は、よくURLにハッシュ（ページ内リンクでよく使われる#から始まる値）によって状態を再現すると言うことをよくやります。
colorbox.jsの場合、以下のようにやれば「ページに戻った時に開いた状態に戻る」と言うことができそうです。

$(".js-colorbox").colorbox({
    inline:true, 
    onOpen:function(){ 
        window.location.hash = this.hash + '_open';
    }
});

if(document.location.hash){
    var windowhash = document.location.hash;
    var newhash = windowhash.replace('_open', '');

    $('a[href="'+newhash+'"]').click();
}

Comments

[efu_akio]

ご教示ありがとうございます
遷移前のページ、遷移後のページなどいろいろと記載してトライしたのですが
思うようにできませんでした
すみません・・・
初心者すぎてどこに記載すればよいかが理解できていない状態です
どこに記載すればよいかお教えいただけますでしょうか
お手数おかけします、よろしくお願いします

[takuhito_hihara]

遷移前のページに記載すればOKです。
ちなみにちゃんとページに合わせてクラスの記述し、colorboxのリンクにハッシュも設定してくださいね。
このままコードをコピペしてもコードは動かないですよ。

[efu_akio]

できました！
ありがとうございました。

[takuhito_hihara]

お、さすがですね！
解決したようで嬉しいです。