javascript - border-radiusプロパティを持つすべての要素に関数を適用する方法

Question

IE 7/8で境界線の半径効果を出すというアイデアがあるので、jquery.corner.jsライブラリを使用することにしました。より一般的にするためにcorner()、border-radiusプロパティを持つページ内のすべての要素に関数を適用するスクリプトを作成したいと思います。

たとえば、この要素の場合

.someElement
{
    border-radius:10px;
}

関数は次のことを行う必要があります

   $(".someElement").corner("10px");

問題は、動的に追加された要素や、アクション（ホバー、クリックなど）の中でborder-radiusプロパティを継承している要素を含め、すべての要素に丸みを帯びた角を適用したいということです。これは可能ですか？

score 1 · Accepted Answer

丸みを帯びた境界線を持つすべての要素で使用される汎用 css クラスが必要であり、そのクラスをセレクターで使用する必要があります。

これは、ドキュメント対応ハンドラーで行う必要があります。もちろん、これは現在存在する要素に丸みを帯びた境界線のみを適用します。ajax でロードされた要素をカバーしたい場合は、次のことができます。

$(document).ajaxSuccess(function(e, xhr, settings)
{
    $(xhr.responseText).find(".class-that-applies-rounded-borders").corner("10px");
});

score 1 · Accepted Answer

変更ごとに css を適用する関数を宣言する必要があります。CSS スタイルの変更を検出するには、こちらを参照してください。

次に、スタイルの変更時と dom ツリーの変更時にその関数を呼び出す必要があります (ページに何かを追加するたびに)...

特定のクラスを使用して境界線の半径 css を適用することをお勧めします。このようにして、jQuery クラスセレクターを介して丸みを帯びた要素を選択できます。

2 に答える 2