$ (document.body) .append () не работает в IE - PullRequest
Новая
       3

$ (document.body) .append () не работает в IE

0 голосов
/ 19 августа 2010

Я перенаправляю своего пользователя в файл default.aspx, когда его сеанс истекает, а на страницу по умолчанию ссылаются под главной страницей.Я показываю уведомление вроде твиттера с указанием Session Expired, что происходит, если он нормально работает в Firefox и Google Chrome, но не в IE.Я получаю Internet Explorer cannot open site-http://localhost:1335/order/Default.aspx?Sid=1 Operation aborted

Я гуглил это и обнаружил, что $(document.body).append() до появления тега body было проблемой, если я переместил скрипт внизу страницы, мое уведомление не работает ни в одном браузере.

Вот моя главная страница, 

<head runat="server">
    <title></title>

    <script src="Javascript/Jquery1.4.js" type="text/javascript"></script>

    <script type="text/javascript">
        function topBar(message) {
            $("#alertmsg").remove();
            var $alertdiv = $('<div id = "alertmsg"/>');
            $alertdiv.text(message);
            $alertdiv.bind('click', function() {
                $(this).slideUp(200);
            });
            $(document.body).append($alertdiv);
            $("#alertmsg").slideDown("slow");
            setTimeout(function() { $alertdiv.slideUp(200); }, 5000);
        }
    </script>

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>

, и моя функция верхней панели вызывается на моей странице default.aspx, 

protected void Page_Load(object sender, EventArgs e)
{
    Int64 id = GetId(Request.RawUrl.ToString());
  if (id == 1)
  {
    ScriptManager.RegisterClientScriptBlock(Page, this.GetType(), "json", "topBar('Session Expired');", true);
  }
}

1 Ответ

1 голос
/ 19 августа 2010

Я не смог найти место, где вызывается topBar, но если я позвоню с $(document).ready(), то в моем IE8 это сработало как чудо: 

<script type="text/javascript"> 
    function topBar(message) { 
        $("#alertmsg").remove(); 
        var $alertdiv = $('<div id = "alertmsg"/>'); 
        $alertdiv.text(message); 
        $alertdiv.bind('click', function() { 
            $(this).slideUp(200); 
        }); 
        $(document.body).append($alertdiv); 
        $("#alertmsg").slideDown("slow"); 
        setTimeout(function() { $alertdiv.slideUp(200); }, 5000);
    }

    $(document).ready(function() {
        topBar("Hello world!");
    });
</script>

Вы также можете использовать $(window).load(), если у вас есть графика и / или другие тяжелые элементы, которые необходимо загрузить до вызова topBar(): 

$(window).load(function() {
    topBar("Hello world!");
});

Надеюсь, это поможет.

EDIT:

Может быть это может помочь? По сути, вы можете сделать что-то вроде этого: 

ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "json",  
    @"$(document).ready(function(){   
             topBar("Hello world!");
             }); 
        });", true);

Проверьте ответ в ссылке, потому что он дает пару альтернатив

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

Похожие темы

...