的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困難

回答

相關問題