Question

我的应用使用jQuery modal dialog。目前我只能在父页面的上下文中移动对话框。现在具有挑战性的部分是，没有进行重大的重新分解：如何将此对话框更改为新窗口以便我可以将其移动到另一个屏幕？

修改：

window.open需要url，这会呈现整个页面。我只需要呈现div（当前位于modal dialog）的部分/内容。目前div（modal dialog）正在使用setInterval自动刷新内容。

Answer 1

您可以尝试使用此代码：

$('#link').click(function () {    
     window.open('http://www.example.com','mywindow','width=400,height=200')
});

修改：

这是正常工作的代码。通过此代码，您可以在对话框中渲染页面的部分/内容，尝试它。

<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
    <title>Jquery Dialog Demo</title>
       <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
      <script src="//code.jquery.com/jquery-1.9.1.js"></script>
      <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
       $(document).ready(function(){
        $("#btn1").click(function(){
                    $( "#div1" ).dialog({
                    height: 140,
                    modal: true
                });
            });
        });
    </script>
</head>
<body>
    <div id="div1">
        <p>Hi we will do it.</p>
    </div>
    <input type="button"  id="btn1" name="btn1" value="Opne Dialog"/>
    <!-- content goes here-->
</body>
</html>

通过此代码，可以在另一个窗口中打开您的特定页面。

如何复制jquery模式对话框

1 个答案: