Question

在FF和Internet Explorer中，对话框显示在中间，但在chrome中，它最终显示在左侧。

我该如何解决这个问题？

代码（self是它所在的对象）：

     $('form').live('submit',function(e){
            e.preventDefault();
            var $this = this;
            console.log('click submit')
            $('<div>',
                  {html: 'Are you sure you want to submit this table?<br/> All undo information will be lost.'})
             .dialog({
                modal: true,
                title: 'Are You Sure?',
                buttons: {
                    ok: function(){
                        $.get($this.action,$($this).serialize()+'&page='+self.pageOn,function(data){
                            console.log(data);
                            self.pageChanged = false;
                            self.origPage = $('#page').clone();
                            self.lastClick = $('#page').clone();
                        })
                        $(this).dialog('close');
                    },
                    cancel: function(){
                        $(this).dialog('close');
                    }
                },
                beforeClose: function(){
                    $(this).remove();
                }
            })

            return false;
        })

Answer 1

也许将一个类分配给对话框的div，例如：

 $('<div class="ui-dialogue">',
              {html: 'Are you sure you want to submit this table?<br/> All undo information will be lost.'})
         .dialog({
            modal: true,
            title: 'Are You Sure?',
            buttons: {

然后创建包含一个css规则，将对话放在页面上，如下所示：

.ui-dialogue{margin:0 auto;}

或者某些将以对话为中心的CSS ... 这是猜测，但可能会迫使它在大多数浏览器上运行。

jQuery对话框不在Chrome中心

1 个答案: