jQuery Colorbox:按下submit按钮关闭Colorbox

Question

我正在做的工作是在jQuery Colorbox模式窗口中插入一个MailChimp订阅表单。我已经做好了所有的工作，但是我不知道如何在提交订阅表单时关闭Colorbox。

我一直在看Colorbox网站和Stackoverflow上的其他问题，但还没有正常工作。到目前为止，我得到的是：

在里面我添加了

<script type="text/javascript">
$(document).ready(function(){
$('#cboxContent .closebutton').live('click', function(){
$.fn.colorbox.close();});
});
</script>

然后，在我的时事通讯表单中，我将类“closebutton”添加到我的提交按钮中，所以它看起来像这样：

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="closebutton"></div>

但我不工作。

我做错了什么？

诚意- Mestika

Answer 1

订阅表单是否包含在iframe中？如果是这样，则需要从父对象调用$.colorbox.close。示例：

parent.$.colorbox.close();

此外，您可能希望以不同于按下按钮的方式来处理此问题。在关闭表单之前，应验证表单是否已成功提交。

Answer 2

$(window).load(function () {
        $('#signupform').submit(function(){
       parent.jQuery.fn.colorbox.close()
    });
});

我将mailchimp注册表单的内联内容设置为id "signupform“。

Answer 3

后来的试试看，看到各种论坛或者总是在stackoverflow中，关闭的功能对我来说是这样的

    $("#edit-next").click(function(e) {
        e.preventDefault();
        window.parent.jQuery.colorbox.close();
        this.submit;
    }); 

你可以改变点击来提交并且工作得很好，这也适用于drupal，我在colorbox创建者的页面中找到了这个例子。

资源http://www.jacklmoore.com/colorbox/faq/#faq-close