如何在jquery中的页面上渲染时获取动态元素的宽度

Question

我想知道如何在jquery中的页面上渲染时获得动态元素的宽度。

我尝试过以下代码，但没有用。

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

Answer 1

试试这个;

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

Answer 2

你说一个动态元素，我想你创建它并使用jquery append（）附加它。

尝试将.width（）放在创建元素的相同方法中。

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