jqueryのページ上でレンダリングするときに動的要素の幅を取得する方法

jqueryでページ上にレンダリングするときに動的要素の幅を取得する方法を知りたい。jqueryのページ上でレンダリングするときに動的要素の幅を取得する方法

私は以下のコードを試しましたが、動作しませんでした。

$('body').on('load', 'button.btnSubmit', function() { 
    var width = jQuery('button.btnSubmit').width(); 
    alert(width); 
});

要素は 'load（）'イベントを発生させません。 DOMに追加されたときに要素の幅を取得したい場合は、追加するコードで手動で取得する必要があります。または、DOMでMutationObserverを使用する必要があります –

@RoryMcCrossan例を挙げてください。私は同じ質問にも興味があります – anshuVersatile

代わりに '$（document）.ready（）'を試しましたか？ – Justinas

これを試してください。

$(window).load(function(){ 
    var btn_width = $("button.btnSubmit").width(); 
    alert(btn_width); 
})

2016-11-07 10:36:00

を使用してドロップダウンを複数選択ドロップダウンに変換しました。出力にnullを返します –

動的要素は、作成してjquery append（）を使用して追加するとします。

要素を作成するのと同じ方法で.width（）を配置してください。

function createElement(){ 
    var newElement = $("body").append($.parseHTML("<div>blah</div>")); 
    return newElement.width() 
}

2016-11-07 10:36:19 Aus

答えて