Question

我正在jQuery Colorbox模式窗口中插入一个MailChimp订阅表单。我已经完成了所有工作，但在提交订阅表单时我无法弄清楚如何关闭Colorbox。

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

我在内部添加了

<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>

但我不工作。
我做错了什么？

施 - 梅斯蒂卡

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

jQuery Colorbox：按下提交按钮关闭Colorbox

3 个答案: