javascript - 如何在停靠和取消停靠时更改桌面小工具的 CSS

Question

制作桌面小工具并希望更改停靠和取消停靠时的 css 文件。事实上，我是在 ondock 和 undock 功能中改变它，但它没有反映。

Answer 1

通常的做法是有两个样式表，一个用于停靠，一个用于非停靠，并且只启用其中一个。最简单的解决方案是附加到 onDock 和 onUndock 事件。

System.Gadget.onDock = System.Gadget.onUndock = function () {
    document.styleSheets["docked"].disabled   = !System.Gadget.docked;
    document.styleSheets["undocked"].disabled = System.Gadget.docked;
}

请注意，如果规则将高度或宽度应用于主体元素（因此，小工具本身），则在切换样式表时不会应用该样式 - 您必须分别设置主体宽度和高度。