Jquery ui 需要剑道窗口UI控件的帮助吗

Jquery ui 需要剑道窗口UI控件的帮助吗,jquery-ui,kendo-ui,Jquery Ui,Kendo Ui,我在一个顾问门户网站上工作,这是我们公司项目的一部分,我的老板建议我在某些链接上使用kendow windo弹出控件 我已经用剑道应用程序控件完成了,但是出现了一个小问题,这让我的外观和感觉都有点糟糕 我们有一个页面上的链接,我们的应用程序应该显示使用弹出窗口时,任何链接将被点击,但当我实际运行的网页,然后弹出剑道窗口来第一,当我最小化或关闭它,然后链接开始工作,根据我们的愿望 我确信jquery代码显示document.ready(function(){})上的弹出窗口时存在一些问题;但它应该

我在一个顾问门户网站上工作,这是我们公司项目的一部分,我的老板建议我在某些链接上使用kendow windo弹出控件

我已经用剑道应用程序控件完成了,但是出现了一个小问题,这让我的外观和感觉都有点糟糕

我们有一个页面上的链接,我们的应用程序应该显示使用弹出窗口时,任何链接将被点击,但当我实际运行的网页,然后弹出剑道窗口来第一,当我最小化或关闭它,然后链接开始工作,根据我们的愿望

我确信jquery代码显示document.ready(function(){})上的弹出窗口时存在一些问题;但它应该在点击链接时起作用

我在这里发布我的代码,请帮助我使它更精致和好看

var window = $("#window"),
                        undo = $("#undo")
                                .bind("click", function () {
                                    window.data("kendoWindow").open();
                                    window.data("kendoWindow").center();
                                    undo.hide();
                                });




var onClose = function () {
    undo.show();
}

if (!window.data("kendoWindow")) {
    window.kendoWindow({
        width: "600px",
        height: "500px",
        draggable: false,
        actions: ["Minimize", "Maximize", "Close"],
        resizable: false,
        title: "Report Activity",
        content: "../../AlertCounselor.htm",
        close: onClose
    });
}
HTML:




如果不希望在加载文档时显示窗口,则应在初始化(检查文档)中指定
可见:false

假设您有以下链接:

<a href="#" id="open">Click here for opening the window and not before</a>
这应该让窗口关闭,等待其他东西打开它

最后定义链接的
单击
事件处理程序:

$("#open").on("click", function() {
    myWindow.open();
});

谢谢你的回答,兄弟,但问题是当我在属性中应用时,窗口消失,即使链接不在那里。我想在我的html页面中显示的链接点击上显示此窗口。当我刷新页面时,首先是窗口,关闭窗口后会出现窗口链接,然后事情会变得很简单。我不想让用户看到一个他没有点击任何东西就没有要求的窗口。我已经修改了处理点击链接的答案。看看这是不是你想要的。
var myWindow = window.kendoWindow({
    visible  : false,
    width    : "600px",
    height   : "500px",
    draggable: false,
    actions  : ["Minimize", "Maximize", "Close"],
    resizable: false,
    title    : "Report Activity",
    content  : "../../AlertCounselor.htm",
    close    : onClose
}).data("kendoWindow");
$("#open").on("click", function() {
    myWindow.open();
});