如何編寫一個可以退出jquery ui對話框的按鈕？

Question

在jQuery UI模式對話框中，我想要一個可以觸發某個功能的按鈕，同時退出對話框。怎麼可以做到這一點？

Answer 1

的jsfiddle演示：http://jsfiddle.net/VGS5L/

HTML

<a href="#" class="dialog">Open dialog</a> 

<div id="mydialog"> 
    <p>My dialog</p> 
</div> 

CSS

#mydialog { 
    display: none; 
} 

的JavaScript

$('.dialog').click(function(e) { 
    e.preventDefault(); 
    $('#mydialog').dialog({ 
     close: function(e) { 
      alert('You just closed me'); 
     } 
    }); 
}); 

在代碼

close: function(e) { 
    alert('You just closed me'); 
} 

，你可以把你的函數或回調的這一部分。默認情況下，關閉鏈接是爲您製作的。

Answer 2

$(".selector").dialog({ 
    buttons: { 
     "Close": function() { 
      $(this).dialog("close"); 
      // some function call 
     } 
    } 
}); 

實施例：http://jsfiddle.net/vGn7k/

Answer 3

$(".selector").dialog({ 
    buttons: { 
     "Close": function() { 
      $(this).dialog("close"); 
      // some function call 
     } 
    } 
}); 

這是一個壞主意;更好地使用對話窗口右上角的本地關閉按鈕。

$('.dialog').click(function(e) { 
    e.preventDefault(); 
    $('#mydialog').dialog({ 
     close: function(e) { 
      alert('You just closed me'); 
     } 
    }); 
});