0

次のように iframe モーダル ウィンドウを呼び出す親ページがあります。

<script type="text/javascript" charset="utf-8">
                            $(document).ready(function(){
                                $("a[rel^='prettyPhoto']").prettyPhoto();
                            });

</script>

iframe が閉じられたら、親ページを更新したい。

iframe に追加する必要があるコードは何ですか? 最初に親ページでコールバック関数を作成する必要がありますか?

4

3 に答える 3

2

私はコールバックを介してそれを行いました:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto(
    {
     modal: true, /*So it can be closed only with the button*/
     callback: function(){
       document.location.reload(true);
    }                       
   })
});
</script>
于 2014-03-28T20:44:35.363 に答える
1

ソースをよく見ると、prettyphoto はすべてのボタンを含む div で iframe をラップしています。iframe で表示されるのは実際のコンテンツだけです。閉じるボタンは親ページに含まれています。.pp_closeクリックイベントにイベントハンドラーを追加する必要があります。

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto();
  $(".pp_close").click(function () {
    document.location.reload(true);
  });
});
</script>
于 2012-10-01T22:55:10.983 に答える