Sifr 和 Javascript 更改样式表（无需刷新页面）

Question

我目前正在我的网站上使用 Sifr。 基本上我的页面顶部有一些彩色块，它们将根据您选择的颜色通过 JavaScript 更改样式表。 我想知道如何让 Sifr h1/h2 标签在单击时动态重新加载（无页面刷新） - 如果可能的话？

我尝试在 onclick 事件中添加 sIRF.activate 代码，也尝试将 sIFR.activate 代码放入 set_style 函数中，但无济于事。 如果有人能帮助我那就太好了！

干杯莉安

Answer 1

给定 sIFR 3，可以更改一些用于呈现文本的 CSS。

我假设您有两个替换项，分别是 h1 和 h2，而我们只是更改它们的颜色：

function changeColor(hexValue) {
  var css = '.sIFR-root { color: ' + hexValue + '; }';
  for (var i = 0; i < sIFR.replacements['h1'].length; i++) {
    sIFR.replacements['h1'][i].changeCSS(css);
  }
  for (var i = 0; i < sIFR.replacements['h2'].length; i++) {
    sIFR.replacements['h2'][i].changeCSS(css);
  }
}

// after switching stylesheet:
changeColor('#FF9900');

这应该会更改 的文本颜色。 h1> 和

将元素替换为橙色。

sIFR.replacements[][] 返回的对象是 FlashInteractor s。

Answer 2

我自己没有使用过 sifr，但我认为最好的选择是 回滚插件。 然后，您应该能够通过回滚 & 有效地在 javascript 中重新加载 sifr'd 标签。 然后立即通过重新运行替换语句再次“前滚”（即基本上禁用并重新启用它）。

编辑：刚刚注意到此页面的底部有redraw() 方法...实际上可能正是您所追求的？ （再次，抱歉含糊不清，但我自己从未直接使用过 sifr）