使用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”按钮。
答案 0 :(得分:0)
您可以在here找到onClose回调。
$("#link_to_form").colorbox({
width: "50%",
inline: true,
href: "#myForm",
onclose: function() {
$("#myForm").hide();
}
});
$("#cboxClose").on('click', function() {
$("#link_to_form").colorbox.close();
});