使用 jQuery.browser 为 rails 3.1 加载不同的 CSS 文件

Question

我想通过 Jquery.browser 检测加载我的 rails 3.1 项目的 css 或 scss 文件。

在网页http://api.jquery.com/jQuery.browser/我可以看到如何设置属性css例如：

if ( $.browser.msie ) {
$("#div ul li").css( "display","inline" );
 } else {
$("#div ul li").css( "display","inline-table" );
 }

但我想加载我在项目 rails 3.1 中拥有的 CSS 或 SCSS 文件 取决于浏览器是否是歌剧、firefox、chrome、safari 等。

Answer 1

您可以通过以下方式动态加载不同的 css 文件：

$("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "/styles/yourcss.css"
}).appendTo("head");