开放的fancybox后提交表单

Question

我想显示的fancybox提交后form.Here是我的代码

 <form method="get" action="http://test.net/test/test-register-auto.php" id="signup"> 
      <div class="form-header"> 
       This is for test 
      </div> 
      <div class="inputs"> 
       <input readonly="readonly" name="firstname" class="form-input" value="test3" placeholder="Enter Your First Name" autofocus="" type="text" /> 
       <input readonly="readonly" name="email" value="test2" class="form-input" placeholder="Enter Your Email Address" type="email" /> 
       <select name="countrycode" disabled name="countrycode" class="form-dropdown"> 
        <option selected="selected" value="test">test</option> 
       </select> 
       <input name="phonenumber" readonly="readonly" value="test class="form-input" placeholder="Your Phone Number" type="text" /> 

       <input type="submit" class="button-1" value="REGISTER NOW" /> 

      </div> 
     </form> 

这里是我的jQuery代码

<script type="text/javascript"> 
    $(function() { 
     $("#signup").submit(function() { 

      $form = $(this); 

      fancybox({ 
       'width': '100%', 
       'height': '100%', 
       'autoScale': false, 
       'transitionIn': 'none', 
       'transitionOut': 'none', 
       'type': 'iframe', 
       'href': 'http://google.com' 
      }); 
      return false; 

     }); 

    }); 
</script> 

后按下按钮提交数据建议立即进行删除是打开一个fancybox，我尝试了很多时间，但没有运气！ 任何人都可以在这方面帮助我吗？

Answer 1

也许你忘了指定要包含的fancybox内容您可以试试元素，像

$("#container_box").fancybox({ 
    'width': '100%', 
    'height': '100%', 
    'autoScale': false, 
    'transitionIn': 'none', 
    'transitionOut': 'none', 
    'type': 'iframe', 
    'href': 'http://google.com' 
});  

Answer 2

：

<script type="text/javascript"> 

$（函数（）{ $（” #signup“）。submit（function（）{

 $form = $(this); 

     $.fancybox({ 
      'width': '100%', 
      'height': '100%', 
      'autoScale': false, 
      'transitionIn': 'none', 
      'transitionOut': 'none', 
      'type': 'iframe', 
      'href': 'http://google.com' 
     }); 
     return false; 

    }); 

});