php - 在 .ajax() 附加的 html 上应用函数

Question

我正在尝试垂直对齐从 ajax 返回的图片，但是当我对从 ajax 返回的图片（HTML）执行此操作时，它不适用。这是我的代码：

$.ajax({
    type: "POST",
    url: "extra.php",
    data: mystr,
    cache: false,
    success: function(html) {
        $('.mydiv').empty();
        $(".mydiv").append(html);
        middle_align();     
    }
});

这是我要附加的

echo '
<div id="box">
<img src="'.$path.$name.'.jpg"  class="loadimg" />
                </div>  ';

这是中间对齐功能

function middle_align(){
     var child = $(".loadimg").height();
     var parent = $("#box").height();
 var margin = (parent - child)/2;
  $(".box").children("img").css('margin-top', margin); 
                    }

该函数在其他任何地方都可以正常工作，但不适用于 ajax 加载的数据。请帮忙。

Answer 1

尝试使ajax同步， async : false

Answer 2

尝试这个

success: function(html) {
$('.mydiv').html('');
$(".mydiv").append(html);
var child = $(".loadimg").height();
var parent = $("#box").height();
margin =(parent - child) / 2 ;
$("#box").find("img").css('margin-top', margin);
}