JQuery UI диалоговое окно показывает верхнюю правую кнопку, но не х на нем

Question

Получение странного поведения между различными версиями Chrome.На моей машине для разработки я использую бета-версию Chrome версии 13.0.782.32, а один из моих тестеров использует версию 8.xxx.Я использую jQuery UI для отображения диалогового окна.В chrome 13.xxx все отображается нормально.В chrome 8.xxx верхняя правая кнопка не отображается.

Вот пример моего кода.Мы используем объектный литерал для пространства имен нашего кода.

var ourAppName = {};

ourAppName.displayDialog = function (title, body, defaults) {

    var html = '<div style="display:none;">' + ((body != undefined || body != null) ? body : 'No body (message) provided') + '</div>';

    $(html).appendTo('body').dialog(
        {
            height: (defaults != undefined || defaults != null) ? (defaults.height === undefined ? 105 : defaults.height) : 105,
            width: (defaults != undefined || defaults != null) ? (defaults.width === undefined ? 640 : defaults.width) : 640,
            modal: (defaults != undefined || defaults != null) ? (defaults.modal === undefined ? true : defaults.modal) : true,
            position: (defaults != undefined || defaults != null) ? (defaults.position === undefined ? 'center' : defaults.position) : 'center',
            autoOpen: (defaults != undefined || defaults != null) ? (defaults.autoOpen === undefined ? false : defaults.autoOpen) : false,
            title: (title != undefined || title != null) ? title : 'No title provided',
            closeOnEscape: (defaults != undefined || defaults != null) ? (defaults.closeOnEscape === undefined ? true : defaults.closeOnEscape) : true,
            resizable: (defaults != undefined || defaults != null) ? (defaults.resizable === undefined ? false : defaults.resizable) : false,
            draggable: (defaults != undefined || defaults != null) ? (defaults.draggable === undefined ? false : defaults.draggable) : false,
            overlay: (defaults != undefined || defaults != null) ? (defaults.overlay === undefined ? { opacity: 0, background: '#000000'} : defaults.overlay) : { opacity: 0, background: '#000000' },
            buttons: (defaults != undefined || defaults != null) ? (defaults.buttons === undefined ? { } : defaults.buttons) : { }
        }
    ).dialog('open').show();

};

Затем, в моем связанном событии click в другом js-файле, у меня есть

$("[id$=_DownloadFileLinkButton]").click(function () {
    ourAppName.displayDialog(
        "Downloading",
        "<div style='padding-top:28px;'>Your download will begin momentarily.</div>",
        {
            height:20
        }
    );
});

Может ли это быть что-то сверсия chrome или это что-то с моим кодом?

ОБНОВЛЕНИЕ:

Похоже, что даже происходит в последней версии Chrome.Странно то, что это происходит только в первый раз после входа в систему. Если я либо обновлю страницу, либо перейду на другую страницу, то х там.

Answer 1

Вероятно, это проблема Chrome, если она работает в более поздней версии. Просто используйте http://jsfiddle.net/SEBNv/ в Chrome 8, осмотрите элемент на странице, где должен быть значок, и посмотрите, расположен ли значок плохо или каким-то образом скрыт.