Cufon 和 Jquery 魔术预览答案

【问题标题】：Cufon and Jquery Magic PreviewCufon 和 Jquery 魔术预览
【发布时间】：2010-10-14 20:17:28
【问题描述】：

Jquery Magic 预览允许用户输入文本并使其自动更新（很像这个“提交字段”适用于下面的预览加载！）。我希望用户能够输入文本，然后输入 Cufon 字体来接管他们所写的内容（或者只是输入 cufon 字体）。

$(function() {
$('form.example input:text').magicpreview('mp_'); 
});

Cufon.replace('p#mp_trythis1');

【问题讨论】：

【解决方案1】：

好的，我需要的一个更好的例子是预览字体，比如在这个网站上：

当您输入所需内容时，运行预览的任何脚本都会刷新预览以显示您输入的内容。

【讨论】：

【解决方案2】：

这是一个简化版（没有magicpreview）：

html部分：

<h1>Cufon Test</h1>
<input id="in" type="text">
<div id="out"><h1>Start typing ...</h1></div>

javascript部分：

Cufon.replace('h1');
$('#in').keyup(function(){
    $('#out').html('<h1>'+$(this).val()+'</h1>');
    Cufon.replace('#out h1');
});

查看实时示例here

编辑：您可以看到两个替代版本here 实现为 jQuery 插件。

【讨论】：

我希望此评论发给 Dan Manastireau，但出于某种原因它不允许我发表评论！你的建议奏效了！第一个建议有效，我想知道为什么要执行 jQuery 实现？是否有安全或其他原因为什么要使用替代 jQuery 方式？