fancybox difficulty

本文关键字：difficulty fancybox | 更新日期: 2023-09-27 18:15:47

我有以下标记:

<%@ 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被关闭后隐藏它

提前感谢!

fancybox difficulty

不确定这是否与你的问题有关，可能不是。但是一定要把script标签放在header或body里面，而不是它们之间。

你可以使用onClosed选项:

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