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

试试这个

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);
}

在.ajax（）附加的html上应用函数

1 个答案: