取消按钮关闭fancybox 2.x.

时间:2014-10-14 21:33:42

标签: javascript jquery fancybox-2

我使用fancybox 2.x为表单创建了一个确认窗口。随着它的一切工作,表单提交并加载fancybox窗口与所有正确的确认信息。在确认页面的底部,我有一个提交按钮和一个取消按钮。

我在点击提交按钮时使用此代码加载fancybox窗口。

    $("#contact-form").live('submit', function(e) {
            $.ajax({
                type: "POST",
                cache: false,
                url: "/form_datas/confirm/",
                data: $("#contact-form").serialize(),
                dataType: 'text',
                success: function(data) {
                    $.fancybox(data, {
                        width:600,
                        closeBtn: false,
                        openEffect: 'none',
                        closeEffect: 'none',
                        onCancel: fancyClose(),
                        onClose: fancyClose(),
                    });
                }
            });

            return false;
    });

确认窗口/ fancybox模式窗口上的按钮:

<input class="submit btn button adbtn" id="confirmSubmitBtn" type="submit" value="Confirm">
<button type="button" class="submit btn button adbtn" id="stopBtn">Cancel</button>

以下代码适用于提交按钮,但不适用于取消按钮。有任何想法吗?

$( document ).ready(function() {
    $("#confirmSubmitBtn").click(function(e) {
        e.preventDefault();
        parent.$.fancybox.close(true);
        $("#contact-form").submit();
        return false;
    });

    $("#stopBtn").click(function(e) {
        e.preventDefault();
        parent.$.fancybox.close(true);
        return false;
    });
});

0 个答案:

没有答案