всплывающее окно предупреждения не открывается

Question

Я хочу, чтобы после нажатия кнопки нажмите окно предупреждения. Но когда я нажимаю на кнопку, ничего не происходит. Мой код:

<link type="text/css" rel="stylesheet" href="tinymce/js/jquery-ui.css"/> 
<script type="text/javascript" src="tinymce/js/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="tinymce/js/jquery-ui.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     $("#btnSave").click(function() { 
      $("#divpopup").dialog({ 
       title: "abc", 
       width: 430, 
       height: 200, 
       modal: true, 
       buttons: { 
        Close: 
         function() { 
          $(this).dialog('close'); 
         } 
       } 
      }); 
     }); 
    }) 

</script> 

<div id="divpopup" style="display:none"> 
    TEST 
</div> 

    <asp:Button Text="sent" ID="btnSave" runat="server" /> 

Answer 1

Вы должны установить свойство отображения DIV в качестве блока до преобразования его в диалоговом окне. Вот код:

$("#btnSave").click(function() { 
     $("#divpopup").show(); 
      $("#divpopup").dialog({ 
       title: "abc", 
       width: 430, 
       height: 200, 
       modal: true, 
       buttons: { 
        Close: 
         function() { 
          $(this).dialog('close'); 
         } 
       } 
      }); 
     });