javascript - 关闭时隐藏灯箱表单；使用 colorbox.js

Question

使用 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 的 div id 是灯箱上的“x”按钮。

Answer 1

您可以编写 onClose 回调，如您在此处看到的那样。

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

$("#cboxClose").on('click', function() {
    $("#link_to_form").colorbox.close();
});