0

colorbox.jsを使用して、ユーザーが対応するリンクをクリックしたときにライトボックスでフォームを開いています。現在、ユーザーがページにアクセスするとフォームは非表示になりますが、ユーザーがリンクをクリックすると、ライトボックスにフォームが表示されます。ライトボックスを閉じると、フォームが実際のページに表示されます。ユーザーがライトボックスを終了するときに、フォームをページに非表示にしたいと思います。これが私のこれまでのスクリプトですhttp://jsfiddle.net/j9ths/：

jQuery(document).ready(function() {
        $("#myForm").hide();

        $("#link_to_form").click(function() {
            $("#myForm").show();
        });

        $("#link_to_form").colorbox({ width: "50%", inline: true, href: "#myForm" });

        $("#cboxClose").click(function() {
            $("#myForm").hide();
        });
 });

#cboxCloseのdividは、ライトボックスの「x」ボタンです。

4

1 に答える 1

0

ここに表示されているように、onCloseコールバックを記述できます。

    $("#link_to_form").colorbox({
        width: "50%",
        inline: true,
        href: "#myForm",
        onclose: function() {
             $("#myForm").hide();
        }
    });

$("#cboxClose").on('click', function() {
    $("#link_to_form").colorbox.close();
});
于 2012-06-22T20:31:56.130 に答える