如何在jQuery Modal中进行Window.Open

Question

我的模态部门为：

 <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>

但是如何在模态窗口的加载上执行操作或功能？

假设，我想从服务器上下载文件，当出现模式窗口时（显示进度图标）

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