Диалоговое окно JQuery UI показывает эффект, отменяющий размер шрифта - PullRequest
Новая
       14

Диалоговое окно JQuery UI показывает эффект, отменяющий размер шрифта

0 голосов
/ 26 марта 2012

Создание диалогового окна: 

$(document).ready(function () {
    $(".jym").dialog({
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        closeOnEscape: false,
        height: 100,
        width: 100,            
        open: function () {
            $('.ui-dialog').css("font-size", "14px");              
        },
        show: 'puff'
    });
});

Теперь размер шрифта диалогового окна принимает размер шрифта страницы по умолчанию, равный 17,5 пикселей.Но если я удаляю show, тогда это занимает 14px.

Что я делаю не так?

Я использую jQuery UI 1.8.18 и jQuery 1.7.1.Если я использую слайд, слепой, взрыв, клип, падение, исчезновение, эффект вместо затяжки, то это работает.Также с масштабом не работает.

1 Ответ

2 голосов
/ 26 марта 2012

Эффект «слойка» заставляет весь элемент мгновенно увеличивать или увеличивать размер.Я считаю, что вы видите, что стиль для размера шрифта, вероятно, переписывается во время анимации.Использование .css ('font-size "... фактически добавит элементу style =" font-size: 14px ". Анимация использует тот же атрибут стиля для своей анимации. Поэтому, когда она заканчивает анимацию и удаляет ееизмененный размер шрифта, элемент не будет иметь размер шрифта и будет наследовать размер страницы.

Вместо этого переместите размер шрифта 14px в файл CSS, и ваша проблема будет исправлена.

...