javascript - 如何在 jQuery 模式中打开 Window.Open

Question

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

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

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

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