javascript/jquery - domにまだ追加されていない要素/ cssクラスの幅を取得する方法

Question

特定の幅のCSSクラスを持つアイテムの幅を動的に見つけようとしていますが、背景画像（スプライト）を動的に配置するために使用します。ただし、アイテムはまだDOMに追加されていません。クラスのwidthプロパティをDOMに追加する前に読み込む方法はありますか？

Answer 1

私はあなたが傾けると信じています。代わりにテストdivに追加し、幅を見つけてdivを削除します。

$selector.append("<div id='test'></div>"); 
    var widthVal= $selector.find("#test").width(); 
     $("#test").remove(); 

セレクタは、追加したい要素セレクタです。 クラスを「テスト」divに関連付けて「display：none」とすることができます

Answer 2

これはリトルハッキーですが、これはうまくいくはずです。それをCSS属性display: noneを持つDOMに追加してください。それで、それが見えなくなると、withプロパティを読み込んで、必要があれば要素を削除することができます。または、状態をDisplay：noneに変更します。

これが役に立った。