5

だから今、私は頭を悩ませています - 現時点では、ボタンに要素を使用して独自のカスタムフォントを付けています。これはうまくいきますが、サイトの残りの部分でCufonを使用しているためCufon をボタンで動作させることができるかどうか疑問に思っています。

これまでのところ、ボタンをに変更し、「input」または「input [type="submit"]」要素で標準の css スタイルを使用しても問題なく動作しましたが、これらの両方を cufon で試してみましたが、役に立ちませんでした。

これはボタンです - Cufon が画像を生成するので、これはうまくいくはずですが、私のやり方が間違っているのかもしれません - 誰でも助けてくれますか?

4

4 に答える 4

7 
$('.input-button').each(function(){
    $(this).hide().after('<span class="input-button">').next('span.input-button').text($(this).val()).click(function(){
        $(this).prev('input.input-button').click();
    });
});

上記のコードを使用して、入力値をスパンにコピーしました。これにより、cufon を使用できるようになります。それはうまく機能し、JavaScriptが無効になっている「送信」入力にフォールバックします。

于 2010-07-14T16:46:07.287 に答える
3

Cufon を で動作させる方法はないと思います<input type="submit" />。主な理由は、キャンバスを挿入する場所がないことです...

ただし、より意味的に適合する に切り替えるだけ<button>で、閉鎖が必要</button>になり、キャンバスの場所が作成されます。

ただし、非常に重要です。タイプを指定しないと、IE7 以下ではフォームが送信されないため、必ずタイプも指定してください。また、型を指定すると、すべてのブラウザで動作が統一されるようです。

上記が役に立ったかどうか教えてください！乾杯

于 2010-04-21T08:20:03.213 に答える
1

ボタンにCufonを使用することがわかった唯一の解決策<input type="submit"/>は、Javascript（個人的にはjQuery）を使用することでした。

  1. 入力ボタンのテキスト（「値」属性）をスパンにコピーします。
  2. Cufon.replace（）を使用してスパンを置き換えます
  3. 入力ボタンのテキストを削除します
  4. ボタンの上にスパンを配置します
  5. click（）イベントをスパンからボタンに伝播します

終わり ！

于 2010-03-03T03:34:19.037 に答える