сложность - PullRequest
       4

сложность

0 голосов
/ 25 ноября 2011

У меня есть следующая наценка:

<%@ 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, после того как он был закрыт.

Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 30 ноября 2011

Вы можете использовать опцию onClosed:

      ...
  <script type="text/javascript">
     $(document).ready(function () {
         $.fancybox({
        'showCloseButton': true,
        'hideOnContentClick': true,
        'href': '#popUpAnnouncement',
        'centerOnScroll': true,
        'onClosed': function(){$('#popUpAnnouncement').hide();}
         });
    });
 </script>
 </head>
 <body>
 ....
0 голосов
/ 25 ноября 2011

Не уверен, имеет ли это отношение к вашей проблеме, вероятно, нет. Но убедитесь, что вы поместили тег script внутри головы или тела, а не между ними.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...