2011-03-30 4 views
0

현재 Ajax를 사용하여 알림 메시지를 표시하는 웹 응용 프로그램을 개발 중입니다. 하지만 notfication 메시지 대화 상자의 닫기 버튼이 IE 브라우저 (9.0 및 7.0 테스트)에서 작동하지 않는 이유는 모르겠지만 Firefox와 잘 작동합니다. 그리고 werid 일은 내 html 코드에서 jquery 코드를 하드 코드하면 그것은 IE 브라우저와 잘 작동합니다.Jquery 및 Ajax 도움이 필요하십니까

아약스에서 보낸 메시지가 어떻게 든 자바 스크립트에 영향을 미칠 때 생각할 수 있지만 그 이유를 알 수 없습니다.

누구든지 나를 도와 줄 수 있습니까? 미리 감사드립니다. 여기

여기
<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> 

가 근처의 가까운 기능을 실행할 수있는 자바 스크립트 코드 아약스 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> 

을 트리거 내 HTML 코드입니다 내 JQuery와 알림 상자 메시지 코드 버튼

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

대한 추가 정보를 원하시면 방문을 위해 라이브

로 클릭 교체해야 JQuery와 함께 FF4와 IE9에서 시험해 보았고 둘 다 잘 작동한다. 작동하지 않는 버전을 연결할 수 있습니까? – Codecraft

+0

IE9에서 문제가 발생하면 실제 코드에 대한 링크가 필요하다고 생각합니다. probaly는 그 IE 버그 중 하나가 아닙니다. –

+0

D : 감사합니다. – user648198

답변

1

마침내 문제가 발생했다는 것을 알아 냈습니다. 자바 스크립트 DOM 그러므로 난 그냥 새 페이지로 DIV에 대한 코드를 붙여 넣기하고 '닫기'기능에 대한 link

솔루션

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