2010-06-15 92 views
2

所以我下载了一个jQuery UI主题并链接它,但它看起来没有像它们在网站上。按钮很大,文字也很大。jQuery UI主题

<link rel="stylesheet" type="text/css" href="/css/trontastic/jquery-ui-1.8.2.custom.css"> 
$('#Delete').dialog({ 
       modal: true, 
       autoOpen: false, 
       title: "Delete?", 
       buttons: { 
        "Yes": function(){ 
         $(this).dialog('close'); 
         $('li#'+$id).remove(); 
         $('.nav').sortUpdate(); 
        }, 
        "No":function(){ 
         $(this).dialog('close'); 
        } 
       }, 
       draggable: false, 
       resizable: false 
    }); 

我错过了什么或有额外的CSS我必须手工编码?谢谢

回答

2

jQuery主题中的字体大小都是使用em比例的相对大小。首先在body标签中设置字体大小,主题将从中起作用。

所有的jQuery的演示使用方法:

body { 
    font-size: 62.5%; 
} 

如jQuery的演示css文件中发现的:http://jqueryui.com/demos/demos.css

或尝试设置这样的:

<body style="font-size:72%;"> 
... etc ... 
</body> 
1

下载适用于Firefox的Firebug插件。然后右键单击看起来有趣的元素,然后单击“检查元素”以查看样式来自哪里。 (欲了解更多信息,请查询http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

有可能你的CSS没有正确链接(这不是相对链接) - 你的根目录下是否是css文件夹?