Javascript 添加带有文本区域的多个剑道窗口

我试图创建一个小窗口，每次点击按钮时，窗口内都有一个文本区域。但是，当我多次单击按钮时，会创建一个新窗口，但只有第一个窗口包含文本区域。有人能帮忙吗

var noteNumber = 0;

$("#createNoteButton").click(function () {

    var noteWindowDivId = "noteWindow" + noteNumber;
    $("<div id=noteWindowDivId />").appendTo(document.body).kendoWindow ({
        draggable: true, resizable: true, width: "480px",
        height: "100px", title: "Note",
        scrollable: false,
        modal: false, actions: ["Close"]
    });
    $("#noteWindowDivId").data("kendoWindow").content("<textarea id=noteNumber style='width: 100%; height: 100%'> </textarea>");
    noteNumber++;
}
);

var noteNumber=0；
$（“#createNoteButton”）。单击（函数（）{
var noteWindowDivId=“noteWindow”+noteNumber；
$（“”）.appendTo（document.body）.kendoWindow({
可拖动：真，可调整大小：真，宽度：“480px”，
高度：“100px”，标题：“注释”，
可滚动：false，
模态：false，操作：[“关闭”]
});
$（“#noteWindowDivId”）.data（“kendoWindow”）.content（“”）；
noteNumber++；
}
);

你做错了。你应该隐藏你的内容和窗口。单击事件1）添加内容（“获取内容”）2）使窗口可见，3）调用window.open（）谢谢，这是我使用其余窗口的原始方式，但管理层只希望在页面加载时加载存储在用户首选项中的窗口。所以这不是我的选择。