팝업 창 기능을 작성하는 방법은 무엇입니까?

Question

$.ajax({ 
    //.... 
    success: function() { 
    }, 

켜기 success 고정 된 높이와 너비의 창을 팝업하고 싶습니다. 닫힌 단일 위치가 창 직각에 위치합니다. 나는 다음과 같이했지만 작동하지 않습니다.

success-tip이라는 클래스가있는 div을 추가합니다. 나는 그것에 약간의 스타일을 추가하고 그것을 처음에 숨 깁니다. 그런 다음 다음을 사용합니다.

$.ajax({ 
    //.... 
    success: function() { 
     success(); 
     $('.success-tip').show();  
    }, 

팝업되지 않습니다. 내 코드에는 무엇이 필요합니까? 미리 감사드립니다.

Answer 1

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> 
jQuery(document).ready(function(){ 
    jQuery("#dialog").dialog({ dialogClass:'custom_dialog', width: 350, zIndex: 9999, height: 398, resizable: false, draggable: false, 
    show: { effect: 'drop', direction: "up"}, 
    hide: { effect: 'drop', direction: "up"} 
}); 
</script> 

<div id="dialog"><img src="xyz.jpg" /></div> 

당신의 팝업 내용을 넣어 jquery Ui

쓰기 콘솔 (F12)를 열어 성공 기능