Question

对话框创建是：

$(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.5px。但是，如果我删除show，则需要14px。

我做错了什么？

我正在使用jQuery UI 1.8.18和jQuery 1.7.1。如果我使用幻灯片，盲目，爆炸，剪辑，掉落，淡入淡出，效果而不是粉扑，那么它正在工作。还有规模，它无法正常工作。

Answer 1

“抽吸”效果会导致整个元素瞬间“缩放”或“缩放”大小。我相信你所看到的是，在动画过程中可能会覆盖字体大小的样式。使用.css（'font-size'...实际上会将一个style =“font-size：14px”放到元素上。动画对它的动画使用相同的样式属性。所以当它完成动画时，并删除它修改后的字体大小，该元素将没有字体大小并继承该页面的大小。

将您的font-size 14px移动到CSS文件中，您的问题将得到解决。

JQuery UI对话框显示效果使font-size无效

1 个答案: