首页 / JAVASCRIPT / javascript – 在Backbone.View中获取模板的CSS属性

javascript – 在Backbone.View中获取模板的CSS属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Backbone.View中获取模板的CSS属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1201字，纯文字阅读大概需要2分钟。

内容图文

是否有可能获得渲染模板计算的CSS值而不将其附加到DOM？

我对Backbone.View $el CSS值和一种预先计算它的属性(如宽度和高度)而不将它们附加到DOM感兴趣.

如果那不可能,

计算渲染模板的目标值的最佳方法是什么,以便它们可以与jQuery.animate一起使用？

例如淡入/淡出功能,它将成为View扩展方法的一部分

解决方法:

我认为除了执行插入隐藏元素,进行测量,然后删除它的艰巨任务之外,最好的选择是使用：

window.getComputedStyle

Documentation(https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle)

然后在视图中设置方法,如下所示：

fadeIn : function (event) {
    var rootElement = this.$el.get(0);
    var cssStyles = window.getComputedStyle(rootElement, null);
    var rootElementHeight = cssStyles.getPropertyValue("height");
    var rootElementWidth = cssStyles.getPropertyValue("width");

    // perform fadeIn animation     
},

fadeOut : function (event) {
    var rootElement = this.$el.get(0);
    var cssStyles = window.getComputedStyle(rootElement, null);
    var rootElementHeight = cssStyles.getPropertyValue("height");
    var rootElementWidth = cssStyles.getPropertyValue("width");

    // perform fadeOut animation     
},

它并不理想,返回的高度和宽度只是应用于该元素的最终CSS规则的表示.因此,当元素实际呈现在页面上时,实际高度和宽度完全有可能发生变化.

希望这可以帮助！

内容总结

以上是互联网集市为您收集整理的javascript – 在Backbone.View中获取模板的CSS属性全部内容，希望文章能够帮你解决javascript – 在Backbone.View中获取模板的CSS属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/776945.html

来源：【匿名】