jQuery Colorbox：關閉按下顏色盒提交按鈕

我正在jQuery Colorbox模式窗口中插入MailChimp訂閱窗體。我有一切工作，但我不知道如何提交訂閱表單時關閉彩盒。jQuery 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

來源

2011-12-20 Mestika

你有任何錯誤輸出到您的螢火控制檯？嘗試打印某些內容以在您的點擊功能中進行控制。嘗試'console.log（「clicked」）'例如 – DKSan 2011-12-20 10:31:19

你應該提供更多的問題，而不是「它不工作」。嘗試詳細說明在按下「提交」或更好的操作後看到的行爲，然後發佈指向您項目的鏈接。 – 2011-12-20 16:33:10

是對認購的iframe的內部形狀？如果是這樣，您需要從父對象調用$ .colorbox.close。例如：

parent.$.colorbox.close();

另外，您可能想要處理這個不同於按鈕按下的方法。在關閉表格之前，您應該確認表格已成功提交。

來源

2011-12-21 01:49:36 Jack

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

我使用mailchimp註冊表單創建的內聯內容具有id「signupform」。

來源

2013-07-29 15:39:01 Christina

後來試了又試，看各種論壇或總是在計算器的功能來關閉工作對我來說是這樣的

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

您可以更改點擊提交，工作好，這也是工作對於drupal，我在colorbox的創建者頁面找到了這個例子。

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

來源

2016-09-19 21:19:17 jonathan

jQuery Colorbox：關閉按下顏色盒提交按鈕

回答

相關問題