1

カラーボックスをモーダルボックスとして使用するドキュメントを見つけるのは少し珍しいと思います。とにかく私はモーダルダイアログとしてiframeテクニックを行うので、私の親のページでは、jsは次のようになります:

    $(".confirmDeleteUser").colorbox({
        onOpen: function () {
            $("#colorbox").addClass("standardLightbox");
        },
        onLoad: function () {
            $('#cboxClose').remove();
        },
        iframe: true,
        href: "/modal_yesno.html",
        innerWidth: "530",
        innerHeight: "400", 
        fixed: true, 
        overlayClose: false
    });

親ページのhtmlは次のようなものです：

<a href="deleteuser.php?id=2" class="confirmDeleteUser">Delete user</a>

modal_yesno.htmlは次のようになります。

        $('.buttonNo').click(function () {
            return false;
            parent.$.fn.colorbox.close();
        });

        $('.buttonYes').click(function () {
            return true;
            parent.$.fn.colorbox.close();                
        });

ただし、モーダルは閉じられておらず、戻り値は親に送信されません。

問題は、真/偽のJavaScriptを親に送信し、その直後にカラーボックスを閉じる方法です?

4

1 に答える 1

2

戻り値は親ウィンドウには返されず、イベントをトリガーした要素に返されます。ボタン。

私は以下がうまくいくはずだと思います：

$('.buttonNo').click(function () {
   parent.$.fn.colorbox.close();
   window.parent.Confirmation(false);
});

$('.buttonYes').click(function () {
   parent.$.fn.colorbox.close();   
   window.parent.Confirmation(true);
});

Confirmation() は、親ページのメソッドです。

于 2012-09-14T04:38:49.380 に答える