切换到javascript

时间:2015-11-06 03:24:05

标签: javascript jquery css angularjs google-chrome

我有一个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秒。

最好的方法是什么?

由于

1 个答案:

答案 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);
            });
         }