jQuery ui对话框不在框架中打开

时间:2013-10-29 13:13:56

标签: javascript jquery jquery-ui frame

也许在这里有人可以帮助我,因为我无处可寻找到我需要的答案。 我用jquery UI编写了自定义对话框,但CAN`T从另一个文件打开。

这是我的功能。

让你更容易理解。如果我想从我使用的相同文件或功能打开确认框

var cfg = window.confrim('test');
if(cfg){
   //doSomething;
}

但是通过这个对话框,我什么都不做......它没有显示出来......控制台里没有任何错误包含在内......

我进入这个功能。

this.customConfirm = function(window, warning, url){
            var NewDialog = jQuery('<div id="MenuDialog"><p>This is your dialog content, which can be multiline and dynamic.</p></div>');

            NewDialog.dialog({
                modal: true,
                title: "title",
                show: 'clip',
                hide: 'clip',
                position: {at: 'center', my: 'center', of: window},
                buttons: [
                    {text: "Submit 1", click: function() {alert(1);}},
                    {text: "Cancel 2", click: function() {jQuery(this).dialog("close")}}
                ]
            });
            return false;
        }

感谢您的帮助:)

1 个答案:

答案 0 :(得分:-1)

最后我弄清楚了。因此,如果有人需要代码

function customConfirm(warning, okText, cancelText, okCallback, cancelCallback){                
        var NewDialog = myWindow/*here is my window sets*/.jQuery('<div class="custom_confirm" id="custom_confirm" style="display:none;">'+
                        '<div class="custom_confirm_modal">'+
                        '<h4>'+warning+'</h4>');

        NewDialog.dialog({
                modal: true,
                title: this.txt('Attention'),
                show: 'clip',
                hide: 'clip',
                top: '60px',
                position: {at: 'top', my: 'center'},
                resizable: false,
                buttons: [{
                    text: okText,
                    click : function() {    
                        NewDialog.dialog('close');
                        okCallback();
                        }
                    }, {
                    text: cancelText,
                    click: function() {
                       NewDialog.dialog('close');
                        cancelCallback();
                    }}]
            });
        }

用法是这样的:

customConfirm('My warning message', 'Yes', 'No', function(){
            alert('returned true')
        }, function(){
            alert('returned false');
        });