的fancybox困难

我有以下的加价：的fancybox困难

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="jqueryFancyBox.WebForm1" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <link href="jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.js" type="text/javascript"></script> 
    <script src="jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> 
    <title></title> 
</head> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $.fancybox({ 
      'showCloseButton': true, 
      'hideOnContentClick': true, 
      'href': '#popUpAnnouncement', 
      'centerOnScroll': true 
     }); 
    }); 
</script> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <div style="display: none" id="popUpAnnouncement"> 
      <a href="#">close</a> 
      lalalalala 
     </div> 
     <input type="button" id="btn" value="lala" /> 
    </div> 
    </form> 
</body> 
</html>

模态在页面加载弹出，但它关闭在div后，仍然是在页面的顶部显示。如何在关闭后隐藏div。

在此先感谢！

来源

2011-11-25 Dragan

不确定它是否与您的问题有关，可能不是。但请确保将脚本标签放置在头部或身体内部，而不是在它们之间。

来源

2011-11-25 08:59:15

可以使用onClosed选项：

 ... 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $.fancybox({ 
     'showCloseButton': true, 
     'hideOnContentClick': true, 
     'href': '#popUpAnnouncement', 
     'centerOnScroll': true, 
     'onClosed': function(){$('#popUpAnnouncement').hide();} 
     }); 
    }); 
</script> 
</head> 
<body> 
....

来源

2011-11-30 16:37:41 jlrvpuma

的fancybox困难

回答

相关问题