gpt4 book ai didi

javascript - Chrome 在 JavaScript 中切换时应用样式表非常慢

转载 作者:行者123 更新时间:2023-11-28 06:43:54 27 4
gpt4 key购买 nike

我有一段 JavaScript 可以在单击按钮时切换页面的样式表。它在 IE 和 Firefox 中运行良好且快速,但在 Chrome 中非常非常慢。重新渲染大约需要 30 秒,这是在我的开发机器上。加载时间只有几毫秒。我已经在 angularjs 中使用 ng-href 尝试过此操作,并将样式表文件名绑定(bind)到作用域变量,但在 Chrome 中效果不佳。然后我加入了jquery并这样做了

 var sheetName = "Content/RPNCalc-" + sizes[size] + ".css";
angular.element("link[rel='stylesheet']").attr("href", sheetName);

同样,在 IE 和 FF 中工作正常,但在 Chrome 中需要大约 30 秒。

最好的方法是什么?

谢谢

最佳答案

最后,我将其作为名为“active-sheet”的指令来执行,并操纵了“disabled”属性。适用于 IE FF 和 Chrome

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

关于javascript - Chrome 在 JavaScript 中切换时应用样式表非常慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33558925/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com