2

http://morningharwood.com/works右下隅のプロジェクト ボタンをクリックすると、非常に基本的なモーダルが表示されます。テストすると、戻るボタンでモーダルが削除されないことに気付きました。ブラウザーの戻るボタンでモーダル ウィンドウが削除されるようにするにはどうすればよいですか?

ここに完全な要点があります

enter = $(".enter")
createModal = () ->
  $(".modal-bg").removeClass("animated fadeInUpBig").addClass "on animated fadeInUpBig"



$(enter).on "click", (event) ->
  createModal()

HTML

<a class="enter" href="#">View Project<span></span></a>

SCSS

  modal-bg{
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index: 101;
    display:none;
    visibility:hidden;
    height:1px;

    &.on 
        {
            display: block !important;
            visibility: visible !important;
            height:100%;
            top:0;
        }
}
4

3 に答える 3

0

jquery unLoad イベントを使用して から、コールバックでモーダルを削除します

$( window ).unload(function() {
    removeModal()
});
于 2013-10-18T10:06:17.703 に答える
0

の後に何かを追加するのが最善の方法だと思いますhash-tag

 <a class="enter" href="#project-modal">View Project<span></span></a>

その後、次のように jQuery イベントにフックできます。

 $(window).on('hashchange', function() {
   //... do some stuff here ...  
 });
于 2013-10-18T19:18:22.110 に答える