Нужна помощь с Jquery и Ajax - PullRequest
0 голосов
/ 30 марта 2011

В настоящее время я разрабатываю веб-приложение, использующее Ajax для отображения уведомлений.Но я не знаю, почему кнопка закрытия в диалоговом окне сообщений уведомлений не работает ни в одном браузере IE (протестировано с 9.0 и 7.0), а работает нормально с Firefoxон отлично работает с браузером IE.

Я думаю, что сообщение, отправленное через Ajax, каким-то образом влияет на javascript, но я не мог выяснить причину.

Может кто-нибудь помочь мне?Большое спасибо заранее!

Вот мой код сообщения jquery в окне уведомления

<div class="notification information png_bg">
<a href="#" class="close">
<img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
        <div> You have New Lead Notification </div>
</div>

Вот мой html-код для запуска уведомления о ajax

                            <label for ="msg">notice</label>
                            <input type="text" name ="msg" id ="msg" />
                            <a href ="#" id="getNotice"> get notice!</a>

 <script type = "text/javascript">
              $(function()
                {
                    $("#getNotice").click(function()
                        {
                             $.post("/async/getnotification" , {},
                             function(response)
                              {
                                var notice = $(response);
                                 $("#notices").prepend(notice);
                                     });
                                      return false;
                                });
                       });

        </script>
     <div id ="notices">

   </div>

Здеськод JavaScript, который запускает функцию закрытия для кнопки закрытия

        $(".close").click(
            function () {// Links with the class "close" will close parent
                $(this).parent().fadeTo(400, 0, function () { 
                                        $(this).slideUp(400);
                });
                return false;
            }
        );

1 Ответ

1 голос
/ 30 марта 2011

Я наконец-то понял, что проблема связана с DOM Javascript, поэтому мне нужно заменить click на live

Для получения дополнительной информации посетите ссылку

Решения

    $(".close").live('click',
        function () {
            $(this).parent().fadeTo(400, 0, function () { 
                $(this).slideUp(400);
            });
            return false;
        }
    );
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...