Странная ошибка диалога jQueryUI

Question

У меня есть диалог, созданный следующим образом

$('#add_error').click(function(e) {
        $('<div>')
            .load('/someaction/format/html/')
            .dialog({
                title: 'Some title',
                modal: true,
                width: 385,
                close: function() {
                     $(this).remove();
                }
            });

        e.preventDefault();
    });

Работает нормально, но каждый третий (не совсем уверен, действительно ли это третий) раз, когда я нажимаю ссылку, чтобы открыть диалог, происходит сбой с ошибкой в ​​firebug

"$ (" "). AddClass (" ui-widget-overlay ") не определен"

В dialog.js это фрагмент кода:

var $el = (this.oldInstances.length ? this.oldInstances.splice(0, 1)[0] : $('<div></div>').addClass('ui-widget-overlay'))
                .appendTo(document.body)
                .css({
                    width: this.width(),
                    height: this.height()
                });

в методе create: function (dialog).

Странно то, что эта ошибка не возникает при удалении

close: function() {
                     $(this).remove();
                }

Есть идеи?

Answer 1

Это было исправлено в багажнике начиная с 1.8rc3. Смотри http://dev.jqueryui.com/ticket/5263

Answer 2

Все работает с jQuery UI 1.8

Answer 3

Я думаю, что это должно быть каким-то странным образом связано с: ui-widget-overlay.

Я просто переопределяю это на своей странице следующим образом: .ui-dialog-titlebar {display: none; } .ui-widget-overlay {background: # 888888; Непрозрачность: +0,15; фильтр: альфа (непрозрачность = 15); }

и причина переопределения ui-widget-overlay только потому, что следующее не работает .ui-dialog-overlay {background: # 888888; Непрозрачность: +0,15; фильтр: альфа (непрозрачность = 15); }