javascript - $（'＃element'）。css（ "CssProperty"）が読み込まれていません

Question

私はjquery.css（）関数を使用して'margin-left'プロパティをvar divMargin= $('#DivId').css('margin-left')取得undefinedしていますが、divMarginこれが完全に機能する場合と問題が発生する場合があります

var divMargin= $('#DivId').css('margin-left'); 

そのような予期しない動作の原因は何ですか？

Answer 1

jQuery.css()は計算されたスタイルを返しません。.css(..)私が正しく覚えていれば、呼び出しを介して設定したCSSプロパティのみが取得されます。どこから設定されていても、現在設定されているCSSプロパティを取得するには、次を使用できます。window.getComputedStyle

これを使用して、要素の計算されたスタイルを取得します。

window.getComputedStyle(element); 

参照：https ：//developer.mozilla.org/en/DOM/window.getComputedStyle

マージン左の場合、次のことができます。

var marginLeft = window.getComputedStyle($('#DivId')[0]).marginLeft;

Answer 2

スクリプトを中に入れます

$(document).ready(function(){
var divMargin= $('#DivId').css('margin-left'); 
})

したがって、DOMがロードされた後に実行されます