如何在 jQuery 模式中打开 Window.Open答案

【问题标题】：How to Window.Open inside a jQuery Modal如何在 jQuery 模式中打开 Window.Open
【发布时间】：2014-02-17 13:21:31
【问题描述】：

我的 Modal Div 为：

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

但是如何对模态窗口的加载进行操作或功能呢？

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

【问题讨论】：

如何获取数据？使用 ajax？

标签： javascript jquery html asp.net jquery-ui

【解决方案1】：

你可以挂钩dialogopen函数：

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

参见 jsFiddle：

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

【讨论】：