如何jQuery的模態

Question

裏面的window.open我有我的模態股利爲：

<div id="dialog-modal" title="Open File"> 
     <img alt="progress" src="images/ajax-loader.gif"/> 
    </div> 

在點擊按鈕的，我能看到模態，然後查看進度圖標。

<script type="text/javascript"> 
    $(function() { 
     $('#button1').click(function() { 
      $('#dialog-modal').dialog("open"); 
     }); 
     $("#dialog-modal").dialog({ 
      autoOpen: false, 
      height: 140, 
      modal: true, 
     }); 
    }); 
</script> 

但是我怎樣才能做一個操作或功能的模態窗口的負載？

比方說，我想從服務器下載文件時，會出現模態窗口時（..showing進度圖標）

Answer 1

您可以掛接到dialogopen功能：

$("#dialog-modal").on("dialogopen", function(event, ui) { 
    console.log('Wayhay!!'); 
    window.open("http://www.google.com"); 
}); 

見的jsfiddle ：

http://jsfiddle.net/3Y63f/1/

更多的信息在這裏：

http://api.jqueryui.com/dialog/#event-open