jquery - 如何使用 JQuery 打开弹出窗口?

标签 jquery html css jquery-ui jquery-ui-dialog

<分区>

我有这个样本:

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
        });
    });
});

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

我试过上面的代码,但不幸的是它没有工作......你能告诉我我们应该如何解决这个问题吗? 我希望窗口打开并包含一个文本区域元素。

最佳答案

这是一个解决方案。你可以试试

 $(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/

关于jquery - 如何使用 JQuery 打开弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30869889/

相关文章:

javascript - 如何触发HTML Select(下拉)的Change事件?

jquery - 带有数据表的可点击行

javascript - 更改div下文本的字体大小

css - html输入一个在另一个下面

javascript - 可拖动和可排序的 Jquery 看起来不太好

javascript - getJSON 请求循环遍历参数数组,每次调用之间有延迟

jquery - jstree初始节点id

javascript - 图像仅在提供可选的 html 参数时不显示(否则显示)

html - 是否可以使用纯 CSS 更改滚动上的此 div 颜色?

javascript - 如何添加按钮并向其添加事件