JavaScript:如何在更改src后获取图像的高度

Question

HTML:

<div class="modal fade" data-backdrop="static" role="dialog">
  <div class="modal-dialog" role="document">
   <img/>
  </div>
</div>

JS:

 $(".btn").click(function() {
  $(".modal img").prop("src", "new src");
  alert($(".modal img").height());
  $(".modal").modal("show");
 });

警报:0

你好，我正在尝试在更改 src 后获取图像的高度。 我在 Bootstrap 模态中有一个图像，单击按钮更改图像的 src 并显示模态。 我无法获得正确的图像高度，因为在模态可见之前图像不会加载 src，所以任何强制加载 src 的方法，或任何获得正确高度的方法。顺便说一句，我尝试了 onload和 load，两者都不起作用。

Answer 1

试试这个:https://jsfiddle.net/yyma7fkj/

    $(".btn").click(function() {
  $(".modal img").load(function() {
    alert("height:" + this.height + " width:" + this.width);
    $(".modal").modal("show");
  }).prop("src", "http://jsfiddle.net/img/logo.png");
 });