1

curvycorners jQuery プラグイン ( http://www.curvycorners.net/instructions/ ) を使用して、IE に div の丸い角を強制的にレンダリングさせています。

jQueryの「show」メソッドを使用して、div内にポップアップする検証エラーメッセージがあります。

Curvycorners は、絶対配置され、高さが設定された追加の div を追加します。これは、エラー メッセージが表示されたときに含まれる div のサイズを変更する場合は、丸みを帯びた角を再描画する必要があることを意味します。

Curvycorners には、丸みを帯びた角を再描画するために呼び出すことができる関数が含まれていますが、このクリック関数内に配置すると実行されません。

$("input[type='submit']").click(function(e) {
curvyCorners.redraw();
});

これは私のマークアップです:

<fieldset class="curvyRedraw">      

<legend>Some legend</legend>

<form id="someForm">

<div id="error-message"></div>

<div class="buttons">
    <input type="submit" id="cancel" value="Cancel" name="action" />
    <input type="submit" id="submit" value="Confirm" name="action" />
</div>

</form>

</fieldset>

誰かが同様の問題を抱えていましたか？

4

2 に答える 2

1

ええ、昨日までこの問題に遭遇しました。

curvyCorners.redraw(); は通常の curvycorners ライブラリの関数であるため、機能しません。

ここ@ googleコードで、次のようなものを使用できると言われています

$('input[type=submit]').redrawCorners();

彼らはそれが修正されたと言いますが（バグがありました）、動的コンテンツを使用しているため、うまくいきませんでした。多分それはあなたの問題を解決することができます。

短い答えで申し訳ありません、私は急いでいます..

于 2011-03-17T09:09:20.713 に答える
0

丸みを帯びたエッジを持つ要素で removeCorners() と redrawCorners() を呼び出す必要があります (私が理解しているように、#error-message は丸められる必要があります)。

$('#error-message').removeCorners().redrawCorners();
于 2014-08-28T13:39:34.610 に答える