加载Cufon后删除Cufon

Question

我知道这有点奇怪，但我在我的一个页面上使用了Cufon，但我需要能够在用户按下按钮时关闭所有元素的Cufon。

现在我希望有一个类似于Cufon.Reset(选择器)之类的东西，但我什么也找不到，所以有没有办法在不刷新页面的情况下将Cufoned文本转换回标准文本？

Answer 1

var RemoveCufon = function (selector) {
    $(selector).each(function (index, element) { $(element).text(BuildCufonTextString(element)); });
};

var BuildCufonTextString = function (parent) {
    var elementText = "";
    $("cufon cufontext", parent).each(function (index, element) { elementText += $(element).text(); });
    return $.trim(elementText);
};

这里有一个手动的方法，它工作，但想知道任何更简单的…

Answer 2

我不这么认为。Cufon正在创建一个img。因此，在不刷新页面的情况下撤消它是不可能的。

您可以编写一些脚本来：

在Cufon运行之前，

• 复制文本(复制html标签并隐藏它)，然后单击hide cufon
• text

显示复制的文本元素

我建议使用@font-face而不是Cufon-在IE，FF，Safari上效果很好。Chrome可以说是80%的质量。

查看this website -它正在使用@font-face方法。工作得很完美。

Answer 3

假设你所有的H1标签都是cufont样式的。要执行此操作，您将使用：

Cufon.replace('h1');

如果要恢复cufon操作，可以使用：

$('h1').each(function(){
    $(this).find('cufon').each(function(){
        $(this).replaceWith($(this).find('cufontext').text())
    })
})