1

我有一个表格，当我试用时效果很好（当然地址正确）。

当我在我的网站中使用它时，在花式框中它不起作用。什么也没有发生（控制台中也没有错误）。

相关代码为：

<a class="fancybox" href="#inline1" id="link_consultar">
  Consultar
</a>
<div style="display: none">
  <div id="inline1">
    Producto: {$product->
    name|escape:'htmlall':'UTF-8'}
    <br>
    <br>
    <form id="myForm" action="http://danielvi.com/send_mail.php" method="post">
      Nombre: 
      <input type="text" name="firstname">
      <br>
      <br>
      Consulta:
      <br>
      <textarea rows="4" cols="50">
      </textarea>
      <br>
      <br>
      <input type="submit" value="Enviar Consulta" />

    </form>
  </div>
</div>

JS：

$(document).ready(function() {
    $('#myForm').submit(function(){
        alert("submitted");
    });
});

我也试过：

$(document).ready(function() {
    $("#myForm").on("submit", function(event){
        alert("submitted");
    });        
});

我已经包含了这样的表单插件：

<script src="http://malsup.github.com/jquery.form.js"></script>

没有成功，最终目标是通过 AJAX 发送表单，这是一个简化的调试示例。

我也不明白的是，即使我删除了所有 js，它也不会将我引导到操作页面。

你可以在这里看到一个活生生的例子（当你点击咨询时）。

4

4 回答 4

3

问题显示在您的实时站点上。检查源代码后，您可以看到您正在另一个表单中添加一个表单

<form id="buy_block"  action="http://danielvi.com/index.php?controller=cart" method="post">
    [...]
    <form id="myForm" action="http://danielvi.com/send_mail.php" method="post">
         [...]
    </form>
</form>

这会使您正在使用的第二种形式无效。这就是为什么它什么也没做。除此之外，代码是有效的。

于 2012-12-21T10:18:21.527 回答
1

在实时站点上，您似乎<form>缺少#fancybox-content.

于 2012-12-21T10:14:09.237 回答
1

您在 form#buy_block 中有无效的联系表。尝试将整个<div id="inline1">移出<form id="buy_block

于 2012-12-21T10:16:46.593 回答
0 
$("input[type='submit']").click(function(){
    $.ajax: {
        type     : "POST",
        cache    : false,
        url      : "http://danielvi.com/send_mail.php",
        success: function(data) {
            $.fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'content' : data
            });
        }
    }
});
于 2012-12-21T10:19:34.433 回答