3 초 후에 jQuery 대화 상자가 열리고 자동으로 닫힙니다.

Question

일부 애니메이션과 함께 표시 할 버튼이없는 jQuery 대화 상자를 연 다음 3 초 동안 자동으로 거기에 머물러있는 다음 닫습니다. 여기에 내가 일을해야한다고 생각 무엇을 jsfiddle이지만, 당신이 볼 수있는 그냥 열고 3 초 기대 선없이 종료 :

jsfiddle : http://jsfiddle.net/WrdM9/1/

사람이 똑 바르게하는 방법을 알고? 감사합니다.

Answer 1

당신은 setTimeout 사용해야 http://jsfiddle.net/WrdM9/2/

Answer 2

를 사용하여 jQuery를 지연 기능, 예를 들어 : 여기

open: function(event, ui) { 
    setTimeout(function(){ 
     $('#dialog').dialog('close');     
    }, 3000); 
} 

는 바이올린의

$("#your-modal-id").slideDown(300).delay(800).slideUp(400); 

Answer 3

일부 전환을 추가하려는 경우 jQuery slideUp 및 slideDown 애니메이션을 사용하지 않는 것이 좋습니다. GPU 대신 CPU를 사용하기 때문에 속도가 느려지고 애니메이션 자체가 전혀 느껴지지 않습니다. 오른쪽.

대신 Velocity.js을 권하고 싶습니다. Velocity UI j도 추가해야합니다. 그러면 다음과 같이 할 수 있습니다.

$("#your-modal-id").velocity('transition.slideUpBigOut', { delay: 3000 })