диалоговое окно jQuery не в центре Chrome - PullRequest
Новая
       42

диалоговое окно jQuery не в центре Chrome

0 голосов
/ 12 апреля 2011

в 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;
        })

1 Ответ

0 голосов
/ 12 апреля 2011

Возможно, назначьте класс для 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;}

Или что-нибудь такое, что будет центром диалога ... Это предположение, но может заставить его работать в большинстве браузеров.

...