如何使用jquery加载CSS

我已经加载了一个CSS文件在服务器上，所以我有一个URL与我。 我如何使用JQuery将其加载到我的Perl代码中？

所以目前我硬编码在我的梅森页面的CSS是从页面中缺less这样的东西

JQ.onReady('show', function(){ JQ.addStyles({styles: ["\n\n.ap_classic { border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #2F2F1D; border-right:1px solid #2F2F1D;background-color:#EFEDD4;padding:3px; } .ap_classic .ap_titlebar { color:#86875D;font-size:12px;padding:0 0 3px 0;line-height:1em; } .ap_classic .ap_close { float:right; } .ap_classic .ap_content { clear:both;background-color:white;border:1px solid #ACA976;padding:8px;font-size:11px; } "]}); }); 

我想避免硬编码这个CSS？

Answer 1

我不明白为什么你不能在<head/>部分插入<link/>元素，但是这是一个jQuery代码片段：

 $('head').append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'your stylesheet url') ); 

Answer 2

再次，按照dynamic加载CSS样式表不能在IE浏览器上工作 。

只有在链接元素被添加到头后，才需要设置最后的href属性：

 $('<link>') .appendTo('head') .attr({ type: 'text/css', rel: 'stylesheet', href: '/css/your_css_file.css' });