我正在尝试在提交邮件列表注册表单时加载灯箱(通过Fancybox)。在提交表单时,注册表单操作会加载到常量联系人的异地链接。通常,此页面会加载到标准弹出窗口中,这样可以正常工作。
但是,因为人们常常阻止弹出窗口,我们正试图用灯箱来填充弹出窗口。
所以这就是问题:当我提交表单时,它会加载灯箱,但不会在灯箱中加载页面。我怀疑这是因为它没有将信息传递到iframe / lightbox,这可能是因为我没有正确设置它。我希望有人可以提供帮助,因为我还不完全熟悉jquery。我甚至可能不需要使用iframe,我不确定。
我确实找到了对passing the information via ajax的引用,但我并不完全清楚它是如何工作的。我也found this similar post,但他们如何解决它并不是很清楚。
这是我的代码,也许你可以帮忙吗? :)我很感激。
$(document).ready(function() {
$("#iframe").fancybox({
'hideOnContentClick': true,
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : true,
});
});
以下是表格:
<form name="ccoptin" id="signup" action="http://visitor.r20.constantcontact.com/d.jsp" target="_blank" method="post">
<input type="hidden" name="llr" value="yyyyyy">
<input type="hidden" name="m" value="xxxxxx">
<input type="hidden" name="p" value="oi">
<label>sign up for new services and promotions:</label>
<input type="text"name="ea" value="" class="text" /> <input type="submit" id="iframe" class="submit" name="go" value="submit" />
</form>
感谢您的意见,请耐心等待我,因为我是亲戚jquery / ajax newb。
谢谢!