我有这个HTML表单与一个ID，我已绑定此ID的提交
功能。我想要的是当
用户点击提交，弹出窗口像一个模态框感谢他们。只有当他们点击屏幕或模态框
关闭后，我想要该表单提交和刷新
页面。
但我的方式现在似乎它会刷新无论什么。我使用花哨的弹出插件的模态框。
- <form action="submit-comment.PHP" method="post" id="form">
- <input type="text" name="comment" />
- <input type="submit" name="submit" value="Submit" />
- </form>
-
- jQuery("#form").submit(function() {
- jQuery.fancybox('<div class="Box">Some content</div>',{
- 'onClosed' : function() { return true; }
- }
- });
- });
正如你可以看到，我试图告诉它只返回真正的关闭，但它不是真的工作。
有任何想法吗？
尝试这个：
- jQuery("#form").submit(function(e) {
- var self = this;
- e.preventDefault();
- jQuery.fancybox('<div class="Box">Some amazing wonderful content</div>',{
- 'onClosed' : function() {
- self.submit();
- }
- });
- return false; //is superfluous,but I put it here as a fallback
- });
javascript是异步的，所以你不能延迟return语句。
更新
为了使上面的代码起作用，请将您提交按钮的名称更改为其他名称，例如：
- <input type="submit" name="submit_me" value="Submit" />
