Fancybox，jQuery和ajax调用不起作用

Question

我需要执行此ajax调用，代码正在运行“通过它”，在调用正确触发之前和之后console.log。我尝试了GET / POST，cache和cache。我也在fancybox网站上尝试了完全相同的代码，没有运气，我被卡住了。

Html，与fancybox示例相同：

<form id="login_form" method="post" action="">
  <p id="login_error" style="display:none">Please, enter data</p>
  <p>
     <label for="login_name">Email: </label>    
     <input type="text" id="login_name" name="login_name" size="30" />
  </p>  
  <p>
      <label for="login_pass">Password: </label>
      <input type="password" id="login_pass" name="login_pass" size="30" />
  </p>
  <p>
      <input id="submit_connect" type="submit" value="Login" />
  </p>
</form>

我在jQuery（文档）中的jQuery .ready：

/* Form */

jQuery("#connect").fancybox({
    'scrolling'     : 'no',
    'titleShow'     : false,
    'onClosed'      : function() {
        jQuery("#login_error").hide();
    }
});

jQuery("form").submit(function(e) {
    if (jQuery("#login_name").val().length < 1 || jQuery("#login_pass").val().length < 1) {
        jQuery("#login_error").show();
        return false;
    }
    console.log('passed validation');
    jQuery.fancybox.showActivity();

    jQuery.ajax({
        type    : "POST",
        cache   : false,
        url     : "form_validation.php",
        data    : 'hello',
        success: function(data) {
            window.alert('success');
            jQuery.fancybox(data);
        }
    });
    e.preventDefault();
    return false;
});