2016-09-10 1 views
0

をリロードこんにちは私はいくつかのワンクリックをキャンセルするときの背景をリフレッシュしたいJavaScriptの英国モーダルクローズとページ

<a href="#my_modal" class="uk-button" data-uk-modal="">Click to open modal</a> 
<div id="my_modal" class="uk-modal"> 
    <div class="uk-modal-dialog"> 
     <a href="" class="uk-modal-close uk-close"></a> 
     <h1>Title</h1> 
     <p>...body ...</p> 
     <div class="uk-modal-footer"> 
      <a href="#" class="uk-button uk-modal-close" id="openmodal">Cancel</a> <!-- Just close the modal --> 
      <!-- Call external link --> 
     </div> 
    </div> 
</div> 

以下のように私は私のコードは、私のサイト上で

http://getuikit.com/docs/modal.htmlを使用しています、私はnoobのですJSしかし、いくつかの研究を行って、これはリロードページに役立つだろうが、私はそれを使用することができますかわからない、いずれかが

を助けることができる

location.reload(true); 

を発見しましたで

回答。あなたはモーダルが閉じられるたびtriggedさhide.uk.modalイベントを、使用することができ、ドキュメントhereを1としてページ

<script> 
     $('.uk-modal').on({ 
      'hide.uk.modal': function(){ 
       location.reload(true); 
      } 
     }); 
    </script> 

答えて

1

の終わりにこれを追加します。イベントハンドラでは、リロード機能を使用できます。 jQueryファイルも含めます。

$('.modalSelector').on({ 
    'hide.uk.modal': function(){ 
     location.reload(true); 
    } 
}); 
+0

こんにちは、私はそれをしようとしていますが、それが正しいかどうか、あなたがhttp://jsfiddle.net/Wgrcy/9/ .... – Harinder

+0

を確認してくださいすることができます使用している場合、私はちょうどページの最後にこれを追加し知らないとそれは働いた... Harinder

関連する問題