Question

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

但是如何在Load of Modal Window上执行操作或功能？

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

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

如何Window.Open里面的jQuery模式

1 个答案: