1

Raphael js を使用して読み込みのような gif を作成するために使用するプラグインを作成しています。コードのベースはこれをモデルにしています。

私のプラグインのデモはjsfiddleにあります。

svg私の問題は、選択されたjquery要素の中心にあるように見えないことです。そのフィドルでの私の考えは、作成されsvgた a を内側に配置し、divそれを中央に配置しようとするdivことでしたが、それを機能させることもできません。

何か案は?

編集: 含まれているdivのmarginプロパティをハッキングすることで、中央に配置できます。このようなものは動作します:

$loadingContainer = $('<div class="loading"></div>').css({margin: -(this.innerHeight()/2) + 'px auto'}).appendTo(this),

負のマージンに注意してください...しかし、私はそれを避けようとしており、実際にRahpaelを使用してローディングのような「gif」を配置しています

4

1 に答える 1

1

を使用して要素の位置と寸法を見つける必要があります

それらを使用して.loading要素を配置します(withposition:absolute

http://jsfiddle.net/gaby/Aaqaf/2/のデモ

于 2012-04-23T20:46:30.130 に答える