slideUp/Down이 jQuery UI 대화 상자에서 작동하지 않습니까?

Question

안녕하세요 큰 프로그램에서 버그를 수정하려고하는데이 버그는 처음에 대화 상자가 숨겨져있을 때 slideUp/Down과 관련이 없습니다. 나는 jsbin test case을 만들었습니다. 의도 된 동작은 "패널 1"텍스트가 위로 밀려 숨겨져 야한다는 것입니다. 실제 동작은 실제로 아무 것도 발생하지 않는 것입니다.

어떻게이 문제를 해결할 수 있습니까? .

Answer 1

내가 그것을 대화 안에 오픈 이벤트에 slideUp 기능을 수행하여 일을 가지고 : 나는 또한 $를 추가

$(document).ready(function(){ 
    $('#diag').dialog({ 
    modal: true, 
    autoOpen: false, 
    height: 300, 
    width: 300, 
    open: function(){ 
     $('#pnl1').slideUp('slow'); 
    } 
    }); 
    $('#diag').show(); 
    $('#diag').dialog('open'); 
}); 

('#의 DIAG')를 쇼(); 안전한쪽에있다.

성능 향상을 위해 매번 JQuery를 사용하여 DOM을 트래버스하지 않고 요소를 자체 vars에 저장하는 것이 좋습니다. 예 :

var diag= $('#diag'); 
diag.dialog('open');