jquery - 使用 jQuery 在 IE7 中修改 STYLE 块

Question

我让用户更新其可定制小部件的样式，方法是为他们提供一个可编辑的文本区域，其中包含更新<style>元素的 CSS 代码onchange。

JS：

function updateWidgetStyling() {
    $("#stylePreview").html( $('#WidgetviewCustomCSS').val() );
}

HTML：

<style id="stylePreview">
...
</style>

<textarea name="data[Widgetview][customCSS]" cols="30" rows="6" 
onchange="updateWidgetStyling()" id="WidgetviewCustomCSS">...</textarea>

这适用于 Chrome、Firefox 和 IE9，但不适用于 IE7。

知道如何让它在那里工作吗？很不幸，但我们是 B2B，需要 IE7 支持。

提前致谢。

Answer 1

与其更新样式表，不如将其从 DOM 中移除并插入一个新样式表。这应该会触发页面的完全重新呈现。