在ajax成功确认表格后关闭fancybox

时间:2013-11-03 17:50:44

标签: javascript ajax jquery fancybox

我在网上提交注册表后关闭我的fancybox有问题。 我使用cms pro系统....

通过这个我显示fancybox包括形式:

submitHandler: function(form) {
    var str = $("#subscriber_application").serialize(); 
      $.ajax({
          type: "POST",
          url: "ajax/user.php",
          data: str,
         success: function (msg){
                $("div#subscriber_response").html(msg);
                $("#subscriber_application").hide();
            }
          });
}

我的HTML:

<div id="divForm" style="display:none;min-height: 400px;">
<div class="fr" style="min-height: 400px;">        
        <div>
          <div style="position:relative">
               <div id="msgholder"></div>
          </div>
        <form action="" method="post" id="admin_form" name="admin_form">
          <input name="email" type="text" size="45" maxlength="40" class="home_input"   placeholder="Email Address" />
          <input name="token" type="text" size="45" maxlength="40" class="home_input"   placeholder="Token" />
          <input name="submit" value="&nbsp;" type="submit" class="account_activate"/>
        </form>
      <?php echo $core->doForm("accActivate","ajax/user.php");?>
      </div>


<div style="width:800px;"></div>

<h1>Subscribe For Free Application</h1>
<hr />
<p>&nbsp</p>
<div class="registracia">
  <div id="subscriber_response" class="msgErrors"></div>
  <div id="post_your_requirement_success" ></div>
  <form action=""  method="post" id="subscriber_application" name="subscriber_application" style="width:270px;">
    <p>
      <input data-progression="" type="text" data-helper="Username should be at least 3 characters long" name="username" value="" class="home_input" placeholder="User name" name="username" />
    </p>
    <p>
      <input data-progression="" type="text" data-helper="Add your E-mail" name="email" class="home_input"   placeholder="Email address" value="<?php if(isset($_SESSION['subscriber_application']['email_address'])):echo $_SESSION['subscriber_application']['email_address'];endif; ?>" />
    </p>
    <p>
      <input data-progression="" type="text" data-helper="Your Restaurant Name" name="hotel_name" class="home_input"   placeholder="Restaurant name" />
    </p>
    <p>
      <input data-progression="" type="password" data-helper="Add Password - min 4 characters" name="password" class="home_input" placeholder="Password" />
    </p>
    <p>
      <!---  <input tabindex="13" type="checkbox" id="flat-checkbox-1"  />I agree, I've read <a href="#">terms of use</a> -->
    </p>
      <input name="submit" type="submit"  id="submit" value="&nbsp;" class="sign_in" />
      <input name="doapplication" type="hidden" value="1" />    
    </form>
</div>
<div style="social">
<h2>Sign in with social network!</h2>
<ul>
    <li style="list-style:none"><img src="../demo/theme/master/images/g+.jpg" /></li>
    <li style="list-style:none"><img src="../demo/theme/master/images/faceb.jpg" /></li> 
</ul>
</div>

我的按钮:

<a href="#divForm" id="btnForm">
      <button type="button" class="way-start" style="border-radius: 5px;height: 60px;width: 180px;background-color: green;border: 1px solid green;font-size: 26px;font-weight: 300;font-family: Helvetica Neue, Helvetica, Sans Serif;">Get the app!</button>
</a>

我将感激每一个意见! 谢谢!!!

2 个答案:

答案 0 :(得分:0)

我的解决方案功能如下:

setTimeout("$.fancybox.close()", 5000);

答案 1 :(得分:-1)

尝试触发fancybox关闭按钮上的点击。

$('#fancybox-close').trigger('click');