0

Jquery Magic プレビューを使用すると、ユーザーはテキストを入力して自動更新できます (この「送信フィールド」が以下のプレビュー読み込みで機能するように!)。ユーザーがテキストを入力してから、Cufon フォントを入力して、自分が書いたものを引き継ぐことができるようにしたいと思います (または、cufon フォントで入力するだけです)。

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

Cufon.replace('p#mp_trythis1');

例: http://twmorton.com/magicpreviewjquery/

4

2 に答える 2

0

さて、私が必要とするもののより良い例は、このWebサイトのようにフォントをプレビューすることです:

http://www.fontspace.com/mario-arturo/sahara

必要なものを入力すると、プレビューを実行しているスクリプトによってプレビューが更新され、入力内容が表示されます。

于 2010-10-14T20:55:18.920 に答える
0

これは簡略化されたバージョンです (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');
});

実例はこちら

編集:ここでは、jQuery プラグインとして実装された2 つの代替バージョンを確認できます。

  • v1 は、フォーカスが失われた後 1000 ミリ秒で更新され、ダーティな場合のみ更新されます
  • v2 更新 @ 最後のキーアップ後 1000 ミリ秒
于 2010-10-14T20:55:25.257 に答える