我有一个javascript来点击按钮切换页面的样式表。它在IE和Firefox中工作得很好,但是它在Chrome中非常慢。重新渲染需要大约30秒,这在我的开发机器上。加载时间只有几毫秒。我在angularjs中尝试使用ng-href并将样式表文件名绑定到范围变量,但Chrome中的结果很差。然后我包括了jquery并且这样做了
var sheetName = "Content/RPNCalc-" + sizes[size] + ".css";
angular.element("link[rel='stylesheet']").attr("href", sheetName);
再次在IE& FF但在Chrome中大约需要30秒。
最好的方法是什么?
由于
答案 0 :(得分:0)
最后,我做了一个名为" active-sheet"的指令。并且操纵了'#34;残疾人"属性。适用于IE FF&铬
<link rel="stylesheet" type="text/css" active-sheet="small" href="Content/RPNCalc-small.css" />
<link rel="stylesheet" type="text/css" active-sheet="big" href="Content/RPNCalc-big.css" />
link: function (scope, element, attrs) {
scope.$on("sizeClick", function (_e, _size) {
element.prop("disabled", _size != attrs.activeSheet);
});
}