下拉列表的元素宽度在document.ready中不可用

Question

我正在尝试获取下拉列表的宽度并相应地设置div的宽度。问题是，当我试图获得下拉列表的宽度时，它会变为-2。

$(document).ready(function() {
  var ddWidth = $("#drdTypes").width();
  alert(ddWidth);
}

<%=Html.DropDownList("drdTypes", new SelectList(Model.TypeList, "text", "text"))%>

如果我在按钮中运行相同的代码，我会得到一个合理的值。我认为在document.ready触发时DOM可用。

Answer 1

尝试

$('#drdTypes').load(function () {
    console.log($(this).width());
});

基本上等待下拉加载并在控制台中记录宽度。确保它被放入ready回调中。