jQuery动态CSS加载行为怪异

jQuery动态CSS加载行为怪异,jquery,css,dynamic,javascript,Jquery,Css,Dynamic,Javascript,我正在使用的应用程序需要动态加载CSS和JS,目前解决方案如下: myapp.loadCss = function(css){ $("head").append("<link>"); cssDom = $("head").children(":last"); cssDom.attr({rel: "stylesheet", type: "text/css", href: cs

我正在使用的应用程序需要动态加载CSS和JS,目前解决方案如下:

myapp.loadCss = function(css){
       $("head").append("<link>");
       cssDom = $("head").children(":last");
       cssDom.attr({rel:  "stylesheet",
                 type: "text/css",
                 href: css
                });  
}

myapp.loadJs = funciton(js){
...
//$.ajax call is used in synchronized mode to make sure the js is fully loaded 
}

}
奇怪的是,每隔一段时间(10个或20个中的1个),example.js中新创建的dom元素将无法从example.CSS中获取CSS,但是我的loadCss方法似乎没有以同步模式加载CSS?我尝试用以下代码替换我的loadCss:

myapp.loadCss(css){
 $('<link href="' + css + '" rel="stylesheet" type="text/css" />').appendTo($('head'));

}
myapp.loadCss(css){
$('').appendTo($('head');
}
然后看起来还可以(我刷新了网页一百次进行验证:-() 但不幸的是,这种方法在IE中失败了(IE7,未在IE6、8中测试)


有更好的解决方法吗?

首先你可以写

 cssDom = $("head").append("<link>");
 cssDom = $("head").append("<link>");
var zzz = {a:'a', b:'b',}