2012-03-26 57 views
0

对话框创建是:JQuery用户界面对话框显示效果无效字体大小

$(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。如果我使用幻灯片,盲人,爆炸,剪辑,下降,褪色,效果而不是粉扑,然后它正在工作。还与规模,它不工作。

回答

2

“puff”效应会导致整个元素暂时“缩放”或“缩放”大小。我相信你看到的是字体大小的样式可能在动画过程中被覆盖。使用.css('font-size“...实际上会将一个style =”font-size:14px“放到该元素上,动画使用相同的样式属性作为动画,所以当动画完成时,修改后的字体大小,元素将没有字体大小,并且继承页面的大小。

将字体大小14px移动到CSS文件中,而您的问题将得到解决