jQuery对话框弹出窗口问题

Question

我在我的脚本文件夹中的PopUpWindow.js文件中添加了此代码。

var window = "<div id='window' style='display: none;width:190px'></div>";


PopUpWindow = function (titles, message, redirectURL) {
    document.getElementById('window').innerHTML = message;
    $("#window").dialog({
        resizable: true,
        height: 180,
        title: titles,
        width: 500,
        modal: false,
        open: function () {
            $('.ui-widget-overlay').show();
            $('.ui-dialog-titlebar-close.ui-corner-all').hide();
        },
        buttons: {
            "OK": function () {
                $(this).dialog("close");
                if (redirectURL) {
                    window.location = redirectURL;
                }
            }
        }
    });
};

我已经在Site.Master页面中包含了这个js文件。

但是我仍然无法在任何aspx页面中访问此PopUpWindow函数吗？

我在做什么吗？

我无法执行此PopUpWindow来显示弹出消息

PopUpWindow("Field to Show","Message","URL redirect");

谢谢

Answer 1

尽管“窗口”保留在变量中，但是在尝试通过id获取它之前，它不会添加到页面中的任何位置。

    var window = "<div id='window' style='display: none;width:190px'></div>";


    PopUpWindow = function (titles, message, redirectURL) {

    // Add to body (change the selector to whatever's relevant)
    $('body').append( window );
    // Set the innerHTML the jQuery way :)
    $('#window').html( message );
    $("#window").dialog({
        resizable: true,
        height: 180,
        title: titles,
        width: 500,
        modal: false,
        open: function () {
            $('.ui-widget-overlay').show();
            $('.ui-dialog-titlebar-close.ui-corner-all').hide();
        },
        buttons: {
            "OK": function () {
                $(this).dialog("close");
                if (redirectURL) {
                    window.location = redirectURL;
                }
            }
        }
    });
};

我只在JSFiddle上测试过此功能，并且CSS不存在，所以我不能保证没有更多错误，但是如果您在#window上将显示更改为“ block”，这的确会出现一个对话框。

Answer 2

看来您是错误地加载了此文件（错误的URL），或者是发生了其他事情。 您能检查一下并告诉我们吗？ 甚至可能是语法错误。

编辑：您是否忘记将窗口附加到DOM？

var window2 = "<div id='window' style='display: none;width:190px'></div>";

$(window2).appendTo("body")