jQuery UI- Firefox의 대화 상호 숨기기 - 깜박임

Question

동적으로 생성 된 요소에서 .dialog를 호출하는 함수가 있습니다. 코드:

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');
            }
        }
    });
};

(대화 상자는 Global이라는 객체의 함수입니다)

IE에서 대화 상자를 닫으면 효과가 예상대로 작동합니다. 그러나 Firefox에서는 숨기기 효과는 모든 종류의 들쭉날쭉하고 '플리키'입니다. FF에서 UI '깜박임'에 대해 다른 질문을 보았지만 내 상황에 맞지 않는 것 같습니다.

제발, 좋은 소식을 해주고 내가 잘못하고 있다고 말해주십시오. Firefox는 이러한 효과를 지원합니다.

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

Answer 1

나는 스크롤 바와 가시성과 비슷한 문제가있었습니다. Firefox 버그가 아닙니다. css () 함수에서 swap () 함수를 호출하는 jQuery의 선으로 추적 할 수 있습니다.

jQuery.swap( elem, props, getWH );

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

jQuery 스왑 기능은 DOM 강제 Firefox가 페이지를 새로 고치도록 일시적으로 업데이트합니다. 예제에서 테스트 케이스를 작성한 다음 jQuery의 스왑 호출을 주석하여이를 확인하고 jQuery 티켓 시스템에 다른 버그를 제출할 수 있습니다.