2009-10-01 6 views
0

동적으로 생성 된 요소에서 .dialog를 호출하는 함수가 있습니다. 코드는 : 내가 예상 한대로 효과가 작동 IE에서 대화 상자를 닫을 때jQuery UI - Firefox의 효과 숨기기 - 깜박임

dialog: function(message){ 
    $('<div>').attr('innerHTML',message).dialog({ 
     draggable: false, 
     width: 500, 
     hide: 'puff', 
     resizable: false, 
     bgiframe: true, 
     modal: true, 
     buttons: { 
      Ok: function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
}; 

(대화 글로벌라는 이름의 객체의 함수이다). 그러나 파이어 폭스에서 숨기기 효과는 모든 종류의 들쭉날쭉 한 'flicky'입니다. 나는 FF로 UI의 '깜박임'에 대해 묻는 다른 질문을 보았지만 내 상황에 맞지 않는 것 같았습니다.

제게 좋은 소식을 알려주세요. 내가 잘못한 일을하고 있고 파이어 폭스가 이러한 효과를 지원한다고 말해주세요.

이것은 FF가 실패한 동안 IE가 성공한 몇 안되는 것 중 하나입니다.

+0

아마도 관련이 없지만 .attr ('innerHTML', message) 대신 .html (메시지)을 사용해야합니다. – tvanfosson

답변

1

필자는 스크롤바와 가시성과 비슷한 문제가있었습니다. FireFox 버그가 아닙니다. 나는 CSS() 함수에서 스왑() 함수를 호출 jQuery를에 줄을 아래로 추적 할 수 :

jQuery.swap(elem, props, getWH); 

는 이런 일이 발생하는 이유에 대해 http://dev.jquery.com/ticket/5743를 참조하십시오.

jQuery 스왑 기능은 DOM을 일시적으로 업데이트하여 FireFox가 페이지를 새로 고치도록 강제합니다. 당신의 예제에서 테스트 케이스를 만들고,이를 확인하기 위해 jQuery에서 스왑 호출을 주석 처리하고 jQuery 티켓 시스템에서 또 다른 버그를 제기 할 수있다.

관련 문제