jQueryプラグインの状態をリセットページの更新時のリニューアル

Question

jQueryプラグインRemodalを使用して自分のウェブサイトのモーダルを作成しています。私は彼らのウェブサイト上のドキュメントに従っていますが、私はモーダルを開いたり閉じたりする問題にぶつかっています。私がモーダルを開くと、次にページがロードされるときにブラウザがリフレッシュされ、モーダルがまだ開いたままになります。私はvar inst = $('[data-remodal-id=modal]').remodal();を使用してモーダルのインスタンスを作成し、console.log(inst.getState());を実行し、モーダルが「オープニング」状態でスタックされました。私もinst.close();機能を実行しようとしましたが、それはうまく機能しませんでした。ここで

は私のコードです：私のhtml本体内

$(document).ready(function() { 
    var inst = $('[data-remodal-id=modal]').remodal(); 
    console.log(inst.getState()); //if I refresh with the modal open this will print "opening". 
    //I want the modal to be closed every time the page is refreshed 
    $('#div').click(function() { 
    inst.open(); 
    }); 
    $(document).on('opening', '.remodal', function() { 
    //when the modal opens open another jQuery plugin 
    $("#gallery").unitegallery(); 
    }); 
}); 

私は次のコードを持っている：

<div data-remodal-id="modal"></div> 

Answer 1

を、私は同じ問題を抱えていたとfalseにオプションhashTrackingを設定することで、それを解決しました。

これは、HTMLで直接data-remodal-option="hashTracking: false"に設定するか、Remodalコードを作成するときにoptionsパラメータで指定することで行うことができます。 the Remodal docs on optionsも参照してください。