如何使用JQuery打开弹出窗口？

Question

我有这个样本:

https://jsfiddle.net/bac8qdq1/

HTML:

<a id="OpenDialog" href="#">Click here to open dialog</a>
<div id="dialog" title="Dialog Title">
    <p>test</p>
</div>

JQuery的:

$(document).ready(function () {
    $("#OpenDialog").click(function () {
        $("#dialog").dialog({
            modal: true,
            height: 590,
            width: 1005
        });
    });
});

我希望当用户点击链接打开时,会弹出一个新窗口,里面有一个文本区域.

我尝试了上面的代码,但遗憾的是它没有用...你能告诉我如何解决这个问题吗？我希望窗口打开并包含textarea元素.

Answer 1

这是一个解决方案.哟可以试试

 $(document).ready(function () {
            $("#OpenDialog").click(function () {
                //$("#dialog").dialog({modal: true, height: 590, width: 1005 });
                var w = window.open("", "popupWindow", "width=600, height=400, scrollbars=yes");
                var $w = $(w.document.body);
                $w.html("<textarea></textarea>");
            });
        });

这是编辑过的jsfiddle https://jsfiddle.net/bac8qdq1/13/