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」を配置しています