jquery表单提交答案

【问题标题】：jquery form submitjquery表单提交
【发布时间】：2011-06-26 16:43:58
【问题描述】：

我有一个 jquery fancyzoom 框。在那个框中，我有一个联系表格，它会在提交时发送电子邮件。但是由于fancyzoom，我无法调用表单提交功能。代码是这样的：

("req_quote.php")

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/fancyzoom.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
       $('#popup1_link').fancyZoom({width:610});
       $("#submit").css('cursor', 'pointer');

       $('.reqfrm').submit( function(){
          alert("hell");
       });
     });
     </script>
     <body>
         <form class="reqfrm" id="frm">
            <input type="text" name="name" />
             <input type="submit" name="submit" id="submit" value="Submit" />
         </form>
     </body>
   </html>

上面的文件包含在“index.php”中，其中包含在fancyzoom框中打开表单的实际链接。

(index.php)

请求报价"

如果我删除$('#popup1_link').fancyZoom({width:610});，那么我会在提交时收到警报，否则它会直接执行表单操作。

【问题讨论】：

标签： javascript jquery forms

【解决方案1】：

您在调用 fancyZoom 时是否遇到任何 JavaScript 错误？你是否包括了你需要使用它的脚本文件？如果没有看到更多数据或 jsbin / jsfiddle，很难说。

【讨论】：

【解决方案2】：

表单在fancybox js文件中提交。

【讨论】：

【解决方案3】：

正如 Raul 所说，您需要提供更多信息以便我们提供帮助。您可以尝试以下任何一种方法：

看看您是否可以在一个简单的 html 文件中重现此问题，该文件没有您当前页面可能有的任何额外内容。如果问题仍然存在，请将其放入 jsFiddle 并在此处发布链接。
如果您还没有安装 Firefox 的 Firebug 插件，并使用它的控制台检查任何 JS 错误。
看看我创建的jsFiddle。这与您正在做的事情相似吗？我的工作没有任何问题。

【讨论】：