需要JQuery和Ajax帮助

问题描述:

目前正在开发一个使用Ajax显示通知消息的Web应用程序。但我不知道为什么通知消息对话框上的关闭按钮在任何IE浏览器中都不工作(使用9.0和7.0进行测试),但它在Firefox中工作正常。而且,如果我在我的html代码中硬编码了jquery代码它使用IE浏览器正常工作。需要JQuery和Ajax帮助

我在想,当从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 notfication消息

      <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; 
      } 
     ); 
+0

我刚刚粘贴你的DIV的代码,并为您的“关闭”功能到一个新的页面与JQuery,在FF4和IE9中尝试它,它在两个工作正常。你能链接你的版本,不工作? – Codecraft 2011-03-30 09:53:14

+0

如果你在IE9有问题,那么我认为我需要一个链接到实际的代码,probaly不是其中一个醇'IE错误... – 2011-03-30 10:29:40

+0

非常感谢您的好意:D。 – user648198 2011-03-30 14:21:50

我终于想通了问题是关系到因此JavaScript的DOM我不得不更换现场

更多资讯请访问link

解决方案

$(".close").live('click', 
     function() { 
      $(this).parent().fadeTo(400, 0, function() { 
       $(this).slideUp(400); 
      }); 
      return false; 
     } 
    );